JS倒计时原理及实现
来源:互联网 发布:数据采集器 台湾品牌 编辑:程序博客网 时间:2024/05/14 11:09
原理
倒计时 = 现在的时间点(new Date())/终点(new Date(/这里填终点时间/));
最后将差值转换为想要的格式。
使用setInterval(fn, 1000);每一秒执行一次就好。
JS实现
var timer = null;countDown();timer = setInterval(countDown, 1000);// 倒计时计算函数function countDown(){ var nowTime = new Date(); // 获取当前日期 // console.log(nowTime); var endTime = new Date(2017,10,22,20,46,0); // 转换成和nowTime的格式相同(!注意:获取月是从0开始,因此写月份要减1) // console.log(endTime); var t = Math.floor((endTime - nowTime)/1000); // 计算相差的时间(单位:秒) // console.log(t); var iD = Math.floor(Math.floor(t/86400)); // 天(86400 = 24*3600) var iH = Math.floor(t%86400/3600); // 时 var iM = Math.floor((t%3600)/60); // 分 var iS = t%60; // 秒 if ( t==0 ){ clearInterval(timer); $("p1").innerHTML = "抢购完毕!"; } else { $("p1").innerHTML = "距离结束时间还有:" + addZ(iD) + "天" + addZ(iH) + ":" + addZ(iM) + ":" + addZ(iS); }}function addZ(iNum){ return iNum<10 ? "0"+iNum : iNum;}
阅读全文
0 0
- JS倒计时原理及实现
- 图片倒计时实现原理--js
- js倒计时及时间差
- CountDownTimer 原理,倒计时实现
- JS实现倒计时
- js实现倒计时
- js实现考试倒计时
- js实现考试倒计时
- JS实现网站倒计时
- js+php实现倒计时
- JS实现倒计时
- JS 实现时间倒计时
- js实现倒计时
- js实现倒计时功能
- js实现倒计时
- JS实现商品倒计时
- js实现倒计时功能
- js实现倒计时
- 走进大前端:HTML5与CSS3实现动态网页
- hackerrank Java Data Structures
- Servlet请求、响应及其相关
- hdu 2111 Saving HDU
- undefined reference to `pthread_create'解决
- JS倒计时原理及实现
- C++ STL 第七次实验
- 购物车啊
- 会议记录管理系统(1)
- android开发的CheckBox和RadioButton
- 将win32窗口嵌入到pyqt5中
- angularJS省市联动
- 安卓接收耳机按键控制音频播放
- css属性、值的常用单词