本文目录

JavaScript 时间倒计时

🌙
手机阅读
本文目录结构

这个思路是来源用 % 的方法来做的;

以前用 % 做过转秒的;

现在用来做倒计时方法;

需要用到的方法是 getTime:获取距离 1970 年 1 月 1 日午夜 00:00 之间的毫秒差;

var targetTime=new Date("2016/01/25 16:59:59");

这个是优秀的写法;下面是有问题的写法;因为 IE678 下不兼容的;需要把 - 改成 / 才好;

var targetTime=new Date("2016-01-25 16:59:59");
var oDiv=document.getElementById("div1");
var targetTime=new Date("2016/01/25 16:59:59");

var str=getTime(targetTime);
    oDiv.innerHTML="倒计时:"+str;//进入后马上显示

var timer=setInterval(function(){
    var str=getTime(targetTime);
    oDiv.innerHTML="倒计时:"+str;
},1000);

function getTime(targetTime){
    var nowTime=new Date();
    var diffTime=targetTime.getTime()-nowTime.getTime();
    var hour=parseInt(diffTime/(60*60*1000)),
    min=parseInt(diffTime%(60*60*1000)/(60*1000)),
    second=parseInt(diffTime/1000)%60;
    return zero(hour)+"时"+zero(min)+"分"+zero(second)+"秒";
}
function zero(val){
    return val<10?"0"+val:val
}

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了