网页倒计时

2018-03-13  本文已影响0人  白菜福

倒计时做法分析

所需要的数据目标时间,现在的时间,因系统初始时间为1970年,所以要获得的数据--1970年到目标时间的毫秒(ms)数减去 1970到现在时间 的毫秒(ms)。然后利用天,时,分,秒,毫秒之间的关系进行换算。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
          //设置倒计时函数
            function show(){
            var da=new Date()       //获取现在的时间   
            var dad=new Date("2018-6-15 22:53:00")  //设定的目标时间
            var l= dad.getTime()  // 获取目标时间的毫秒数
            var r=da.getTime()  //获取现在时间的毫秒数
            t=l-r    //距离目标的时间差
            var ms = t % 1000  //取余得到毫秒
            var t =  (t-ms) /1000  //剩余的时间秒
            var second = t % 60
            var t = (t-second) / 60
            var minute = t % 60
            var t = (t-minute) / 60
            var hour = t % 24
            var t=(t-hour) / 24
            var dy = t  
            //距离现在时间
            var countdown ="距离现在还有" + dy + "天" + hour + "小时" + minute + "分钟" + second + "秒" + ms + "毫秒"
            document.getElementById("nowDiv").innerHTML=countdown; //通过id进行获取数据
            setTimeout("show()",1000)//设置刷新时间
            }
            
            
        </script>
    </head>
    <body onload="show()">//加载函数
        <span id="nowDiv"></span>
        
    </body>
</html>
倒计时.jpg

代码不足的地方请多多关照!

上一篇 下一篇

猜你喜欢

热点阅读