语法:语法:util.countdown(endTime, serverTime, callback)
endTime:结束时间戳或Date对象,如:4073558400000,或:new Date(2099,1,1).
serverTime:当前服务器时间戳或Date对象
callback:回调函数。如果倒计时尚在运行,则每一秒都会执行一次。并且返回三个参数: date(包含天/时/分/秒的对象)、 serverTime(当前服务器时间戳或Date对象), timer(计时器返回的ID值,用于clearTimeout)
代码:
<div id="test"></div>
<script>
layui.use('util', function(){
var util = layui.util;
//示例
var serverTime = new Date().getTime(); //假设为当前服务器时间
var endTime = serverTime+2000 //假设为结束日期
// 倒计时60s serverTime+60000
util.countdown(endTime, serverTime, function(date, serverTime, timer){
console.log(date)
console.log(serverTime)
console.log(timer)
var str = date[0] + '天' + date[1] + '时' + date[2] + '分' + date[3] + '秒';
layui.$('#test').html('距离考试结束还有:'+ str);
if (serverTime==endTime){
layer.open({
title: '<div style="color:#44ff00">完成</div>'
,content: '增加成功'
});
}
});
});
</script>
效果
2s倒计时结束会弹出一个提示框