js日期倒计时效果

最新推荐文章于 2024-05-08 17:14:35 发布

qq_45670012

最新推荐文章于 2024-05-08 17:14:35 发布

阅读量443

点赞数

分类专栏：前端文章标签： js

原文链接：https://www.mk2048.com/blog/blog.php?id=haikkkkhjakj&title=js%E6%97%A5%E6%9C%9F%E5%80%92%E8%AE%A1%E6%97%B6%E6%95%88%E6%9E%9C

版权

前端专栏收录该内容

1223 篇文章 6 订阅

订阅专栏

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