js日期倒计时效果

2018-06-24 00:25:11来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<!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">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>倒计时</title>
    <link rel="stylesheet" href="style.css" />
</head>

<body>
    <div class="time">还剩 <span id="LeftTime"></span></div>
    <script>
    function FreshTime() {
        var endtime = new Date("2017/9/30,18:05:00"); //结束时间
        var nowtime = new Date(); //当前时间
        var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
        d = parseInt(lefttime / 3600 / 24);
        h = parseInt((lefttime / 3600) % 24);
        m = parseInt((lefttime / 60) % 60);
        s = parseInt(lefttime % 60);
        document.getElementById("LeftTime").innerHTML = d + "天" + h + "小时" + m + "分" + s + "秒";
    }
    FreshTime()
    var sh;
    sh = setInterval(FreshTime, 1000);
    </script>
</body>

</html>

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:es6 语法 (数组扩展)

下一篇:对于原生js运动方式关键点的总结