倒计时 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style>
        div{
            text-align:center;
            font-size:30px;
            color:blue;
        }
    </style>
    <script>
        window.onload=function()
        {
            var demo=document.getElementById("demo");
            var endTime=new Date("2019/7/19 20:00:00");   //设定截至时间
            setInterval(fn,1000);  //开启定时器

            function fn(){
                var nowTime=new Date();   //一定要获取最新时间，放在函数体内
                var miao=parseInt((endTime.getTime()-nowTime.getTime())/1000); //用将来的时间毫秒减去现在的时间毫秒再除以1000得到还剩下的秒数，可能除不断要取整
                var d=parseInt(miao/3600/24); //得到天数
                var h=parseInt(miao/3600%24);  //得到小时数
                var m=parseInt(miao/60);  //得到分钟数
                var s=parseInt(miao);  //得到秒数

                //目的是使时分秒以两位数形式展示
                d<10? d="0"+d : d=d;
                h<10? h="0"+h : h=h;
                m<10? m="0"+m : m=m;
                s<10? s="0"+s : s=s;

                demo.innerHTML="距离抢购还有:  "+d+"天"+h+"小时"+m+"分"+s+"秒";
            }

        }
    </script>
</head>
<body>
    <div id="demo"></div>
</body>
</html>

　　

posted @ 2019-07-19 19:13  shanlu  阅读(115)  评论(0)    收藏  举报