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

作者: hi__world | 来源:发表于2018-10-25 21:10 被阅读0次

JS案例18-JS倒计时-JS原生倒计时
简单的实现页面倒计时js
js案例，倒计时
小程序拼团列表倒计时
小程序 - 3秒倒计时跳转+点击跳转
React Native 倒计时组件
js 验证码倒计时
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>