JS案例18-JS倒计时-JS原生倒计时

2019年还剩多少天

源码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div style="color:red;width:80%;margin: 50px auto;font-size: 45px"></div>
<script>
    var div=document.getElementsByTagName("div")[0];

    var timer=setInterval(count,1)

function count(){
    var current=new Date().getTime();//获取1970-1-1到当前的毫秒值。

    var target=new Date("2019/1/1 00:00:00").getTime();//取1970-1-1到当前的毫秒值。
    
    var surplus=target-current;     //拿指定日期减去当前日期,得出它们两之间的毫秒值。

    // 毫秒/1000=秒,秒/60=分钟,分钟/60=小时,小时/24=天数
    var day=parseInt(surplus/1000/60/60/24);

    var hous=parseInt(surplus/1000/60/60%24);//小时

    var minu=parseInt(surplus/1000/60%60);//分钟

    var sec=parseInt(surplus/1000%60);//秒数

    var mill=parseInt(surplus%1000);//毫秒

    day=day<10?"0"+day:day;//让天数小于10显示的是09,08,否则显示的就是9或8
    hous=hous<10?"0"+hous:hous;
    minu=minu<10?"0"+minu:minu;
    sec=sec<10?"0"+sec:sec;

    if(mill<100){
        mill+="0"
    }else if(mill<10){
        mill+="00"      
    }


    div.innerHTML="今年还剩下"+day+"天"+hous+"小时"+minu+"分钟"+sec+"秒"+mill+"毫秒";
}
</script>
</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容