layui里的倒计时

语法：语法：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+60000util.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倒计时结束会弹出一个提示框

layui里的倒计时相关推荐

layui tree 加载慢_图片太多，加载慢，我用了layui里的方式，放在服务器后还是太慢！怎么解决？？？有没有什么优化的技巧？？？...
怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决怎么解决??????? layui.use(['layer','flow ...
页面弹窗效果layui里的插件layer
现在官网下js,解压layui的目录放在项目中 http://layer.layui.com/ 这里有所有的属性以及方法: https://www.layui.com/doc/modules/laye ...
layui的登录ajax,layui如何实现登录功能
layui如何实现登录功能发布时间:2020-06-17 09:10:11 来源:亿速云阅读:548 作者:Leah layui如何实现登录功能?相信很多新手小白还没学会这个技能,通过这篇文章的总 ...
快速了解layui中layer的使用
这两天写项目的时候用到layer,于是又把layui找出来看了看,layui确实是一个比较强大的前端框架,里面涵盖了很多的前端元素,而这对于前端的开发者来说是省了很大的麻烦,从一些页面元素到内置模块, ...
倒计时，距离活动还有0天0时0分0秒
目录一.纯ppt实现倒计时 (一)PPT动画10秒倒计时 (二)PPT插入10秒视频倒计时 (三)PPT编程倒计时天时分秒二.ppt+倒计时软件 (一)10秒倒计时 (二)倒计时软件三.ppt. ...
tp+layui 时间戳转换
本次借用TP6框架加layui进行讲解 tp6框架在database.php里会自动将时间戳转换为时间格式,但由于加上layui可能会出现时间戳转换不成功的现象 // 时间字段取出后的默认时间格式'd ...
LAYUI表格自动渲染
引入jq 和layui插件在页面加载时间里加载layui里需要的文件 .在use加载事件里执行渲染 elem: '#demo' //指定原始表格元素选择器(推荐id选择器) cols: [{}] / ...
python datetime时间差_高考倒计时，聊聊Python的GUI
2020年的高考,虽然因为疫情推迟,但是也要如期而至了.还记得那个紧张.激动又充满斗志,未来无限可能的自己吗?还记得每个教室后面的倒计时吗?今天我们来做个简单的电脑端桌面倒计时,随后聊聊Python的 ...
layui表头样式_layui表格的样式设置
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 layui表格的样式设置 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ...

layui里的倒计时

layui里的倒计时相关推荐

最新文章

热门文章