美文网首页
JS案例18-JS倒计时-JS原生倒计时

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

作者: hi__world | 来源:发表于2018-10-25 21:10 被阅读0次
    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>
    

    相关文章

      网友评论

          本文标题:JS案例18-JS倒计时-JS原生倒计时

          本文链接:https://www.haomeiwen.com/subject/qqfftqtx.html