博客列表 >春节倒计时2019/01/21

春节倒计时2019/01/21

夏雪忆梦的博客
夏雪忆梦的博客原创
2019年01月23日 09:45:11773浏览

主要用到了,getTime()函数,var nowtime = new Date();得到现在时间, var future = new Date("2019/02/05 00:00:00");

得到将来时间,,var timeSum = future.getTime() - nowtime.getTime();得到秒数

实例

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div {
            width: 1210px;
            margin: 200px auto;
            color: red;
            text-align: center;
            font: 600 30px/30px "simsun";
        }
    </style>
</head>
<body>
    <div></div>

<script>
    var div=document.getElementsByTagName("div")[0];
    var timer = setInterval(fn,1);
    function fn(){
        var nowtime = new Date();
//      console.log(nowtime);
        var future = new Date("2019/02/05 00:00:00");
//      console.log(future);
        var timeSum = future.getTime() - nowtime.getTime();
//      console.log(timeSum)
        var day = parseInt(timeSum/1000/60/60/24);
        var hour = parseInt(timeSum/1000/60/60%24);
        var minu = parseInt(timeSum/1000/60%60);
        var sec = parseInt(timeSum/1000%60);
        var millsec = parseInt(timeSum%1000);
        day=day<10?"0"+day:day;
        hour=hour<10?"0"+hour:hour;
        minu=minu<10?"0"+minu:minu;
        sec=sec<10?"0"+sec:sec;
        if(millsec<10){
            millsec="00"+millsec;
        }else if(millsec<100){
            millsec="0"+millsec;
        }
//
//        console.log(day);
//        console.log(parseInt(timeSum/1000/60/60/24));
        if(timeSum<0){
            div.innerHTML="距离春节还有00天00小时00分00秒000毫秒";
            clearInterval(timer);
            return;
        }
        div.innerHTML="距离春节还有"+day+"天"+hour+"小时"+minu+"分"+sec+"秒"+millsec+"毫秒";
        // console.log(future);
    }
   

</script>
</body>

</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议