前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >倒计时效果

倒计时效果

作者头像
李维亮
发布2021-07-09 10:34:01
5920
发布2021-07-09 10:34:01
举报
文章被收录于专栏:李维亮的博客
代码语言:javascript
复制
/**
* Created by liweiliang on 2017/7/18 QQ:406320591.
*/
function tow(n) {
    return n >= 0 && n < 10 ? '0' + n : '' + n;
}
function countDown(){
var end = +new Date("2017-07-25 00:00:00"),//获取指定日期对象
start = +new Date(),//获取现在日期对象
second = Math.floor((end - start)/1000);//未来时间距离现在的秒数
day = Math.floor( second/(24*60*60) );//整数部分代表的是天;一天有24*60*60=86400秒 ;
var t1 =second - (day*24*60*60);
hour = Math.floor( t1/(60*60) );//整数部分代表小时;
var t2 = t1 - hour*60*60;
min = Math.floor( t2/60 );
sec =t2%60;
seckill = '<span class="seckill-time">' + tow(day) + '</span><span class="delimiter">:</span><span class="seckill-time">' + tow(hour) + '</span><span class="delimiter">:</span><span class="seckill-time">' + tow(min) + '</span><span class="delimiter">:</span><span class="seckill-time">' +tow(sec) + '</span>';
document.getElementById("seckill").innerHTML=seckill;
}
window.onload = function(){
    countDown();
    setInterval(countDown,1000);
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-07-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档