[前端]lay-ui按钮定时器（强制阅读）

使用时先引入layui

废话少说，直接看疗效

div部分

<div class="layer-foot text-c" id="divBtn">
	<button id="i-know-btn" class="layui-btn layui-btn-disabled" onclick="layer.closeAll();">确认阅读</button>
	<span id="countNum"  ></span>
</div>

JavaScript部分

var t=5;
var time=$("#countNum")[0];
function countDown(){
t--;
time.innerHTML=t+"秒";
if(t<=0){
	$("#i-know-btn").removeClass("layui-btn-disabled").attr("disabled",false);
		time.remove();
		clearInterval(inter);//清除定时器
	}else{
		$('#i-know-btn').addClass("layui-btn-disabled").attr("disabled",true);
		}
	}
var inter=setInterval("countDown()",1000);//每隔1s调用一次countDown函数

注意： 如果只是让按钮变成灰色，按钮仍然可以点击（所以你整个定时器干啥？）

$('#i-know-btn').addClass("layui-btn-disabled")

倒计时：

倒计时结束：

当然，各位小伙伴可以按照自己的意愿进行修改