倒计时js代码丨倒计时代码素材有毫秒显示 code

admin 2017-08-01 3482

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>倒计时代码素材有毫秒显示</title>
    <style type="text/css">
    #clock{
        font:bold 24pt sans;
        background-color: #f5f5f5;
        padding: 10px 15px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
    </style>
</head>
<body>
<h3>倒计时代码素材有毫秒显示</h3>
<span id="clock"></span>
<script>
    function displayTime(){
        var elt = document.getElementById("clock");
        if(leftTime<0){
            elt.innerHTML = "Over";
        }
        else{
            //结束时间
            var endTime = new Date("2017/07/31 23:59:59");
            var now = new Date();
            var leftTime = endTime.getTime() -now.getTime();
            var ms = parseInt(leftTime%1000).toString();
            leftTime = parseInt(leftTime/1000);
            var o = Math.floor(leftTime / 3600);
            var d = Math.floor(o/24);
            var m = Math.floor(leftTime/60%60);
            var s = leftTime%60;
            elt.innerHTML = o + "小时:" + m + "分:" + s + "秒:" + ms.charAt(0);
            setTimeout(displayTime,100);
        }
    }
    displayTime();
</script>
</body>
</html>


最新回复 (0)
全部楼主
    • MSDN,我告诉你(中文站)
      2
        登录 注册 获取赞助码
返回