Skip to content

javascript

功能

发送验证码倒计时

js
 var apptime = 20;
$('#hqyzm').addClass("layui-btn-disabled").attr("disabled",true);
    var timerCode = setInterval(function() {
        if (apptime == 0) {
            clearInterval(timerCode);
            $('#hqyzm').removeClass("layui-btn-disabled").attr("disabled",false);
            $("#hqyzm").html('获取验证码')
            apptime = 20;
        } else {
            $("#hqyzm").html('还剩下' + apptime + '');
            apptime--;
        }
    }, 1000);

json的key转换成小写

js
console.log(ConvertKeysToLowerCase(data))
function ConvertKeysToLowerCase(obj) {
    var output = {};
    for (i in obj) {
        if (Object.prototype.toString.apply(obj[i]) === '[object Object]') {
            output[i.toLowerCase()] = ConvertKeysToLowerCase(obj[i]);
        }else if(Object.prototype.toString.apply(obj[i]) === '[object Array]'){
            output[i.toLowerCase()]=[];
            output[i.toLowerCase()].push(ConvertKeysToLowerCase(obj[i][0]));
        } else {
            output[i.toLowerCase()] = obj[i];
        }
    }
    return output;
}

image-20221212091750342

两个数组去重

js
//两个数组去重
function getNewArr(arr1, arr2){
    for (var i = 0 ; i < arr1.length ; i ++ ){
        for(var j = 0 ; j < arr2.length ; j ++ ){
            if (arr1[i].fjid === arr2[j].fjid){
                arr1.splice(i,1);
            }
        }
    }

    for(var i = 0; i <arr2.length; i++){
        arr1.push(arr2[i]);
    }
    return arr1;
}

iconfont图标使用

官网https://www.iconfont.cn/ 登陆后选择好图标下载到本地如图

image-20230128221017502

image-20230128221034579

使用过程修改

image-20230128221205471

调用过程,如按钮使用

html
<div class="layui-inline" >
<button type="button" class="layui-btn layui-btn-normal gdbtn-base" style="padding: 0 10px;" onclick="createHygl()">
  <i class="layui-icon layui-icon-add-1"></i>新建工单</button>
<button type="button" class="layui-btn layui-btn-normal gdbtn-base" style="padding: 0 10px;" onclick="createHygl()">
  <i class="iconfont" style="font-size: 14px;margin-right: 3px;">&#xe60b;</i>分配工单</button>
</div>

image-20230128221419747

js数组转换

前台js添加数组,后台转换

js
//前端
var ytidlist = "1232,23232,232,232"
//后端
if( paramMap.get("ytidlist") != null){
     String[] ytidlists = paramMap.get("ytidlist").toString().split(",");
     List<String> ytidlist = Arrays.asList(ytidlists);
     paramMap.put("ytidlist",ytidlist);
}

js数组添加到第一位置

js
a=[1,5,9]
// unshift 在第一个位置添加
a.unshift(7)
//结果 a=[7, 1, 5, 9]

js数组转换逗号String

javascript
var szydidlist = [];
var glsxnrlist = [];
$.each(data.data,function(index,item){
    szydidlist.push(item.ID);
    glsxnrlist.push(item.JCBT);
});

console.log(szydidlist.join(","))
console.log(glsxnrlist.join(","))

localStorage

js
<script>
    // 添加数据
    window.localStorage.setItem("name","张三")
    window.localStorage.setItem("age",20)
    window.localStorage.setItem("gender","男")
    // 获取数据
    console.log(window.localStorage.getItem("name")) // 张三
    // 清除某个数据
    window.localStorage.removeItem("gender")
    // 清空所有数据
    window.localStorage.clear()
</script>

学习使我快乐吗?