JavaScript 实现倒计时

超、凢脫俗 2022-11-27 12:13 176阅读 0赞

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>倒计时</title>
    </head>
    <body>
        <h1 id="timer"></h1>
        <script>
            function leftTimer(year, month, day, hour, minute, second) {
                var leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (new Date()); //计算剩余的毫秒数
                var days = parseInt(leftTime / 1000 / 60 / 60 / 24); //计算剩余的天数
                var hours = parseInt(leftTime / 1000 / 60 / 60 % 24); //计算剩余的小时
                var minutes = parseInt(leftTime / 1000 / 60 % 60); //计算剩余的分钟
                var seconds = parseInt(leftTime / 1000 % 60); //计算剩余的秒数
                days = checkTime(days);
                hours = checkTime(hours);
                minutes = checkTime(minutes);
                seconds = checkTime(seconds);
                setInterval("leftTimer(2020,11,11,23,59,59)", 1000); //传入目标时间
                document.getElementById("timer").innerHTML = "距离双十一狂欢购物节还有" + days + "天" + hours + "小时" + minutes + "分" + seconds +
                    "秒";
            }
    
            function checkTime(i) { //将0-9的数字前面加上0，例1变为01
                if (i < 10) {
                    i = "0" + i;
                }
                return i;
            }
            leftTimer();
        </script>
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，176人围观）

还没有评论，来说两句吧...

相关阅读

相关倒计时javascript

<script type="text/javascript"> var serverTime = <?php echo time();?> 1000;

ゝ一纸荒年。/ 2023年08月17日 15:15/ 0 赞/ 79 阅读

相关 [JavaScript]js实现倒计时

<body> <time></time> <script> function isDate() {

逃离我推掉我的手/ 2022年11月29日 00:59/ 0 赞/ 219 阅读

相关 JavaScript 实现倒计时

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

超、凢脫俗/ 2022年11月27日 12:13/ 0 赞/ 177 阅读

相关用javascript实现倒计时效果

用Javascript实现倒计时效果，供大家参考，具体内容如下正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教在某些商城网站中，我们常常可以看见其网

た入场券/ 2022年10月29日 07:51/ 0 赞/ 154 阅读

相关 JavaScript 倒计时

<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf8"

淩亂°似流年/ 2022年07月11日 13:28/ 0 赞/ 164 阅读

相关 Javascript实现秒表倒计时

![这里写图片描述][SouthEast] -------------------- <html> <body> <span id="cl

红太狼/ 2022年06月12日 08:59/ 0 赞/ 196 阅读

相关 Javascript实现时间倒计时

这里使用的是Date日期类 <!DOCTYPE html> <html> <head> <meta charset="

蔚落/ 2022年06月12日 03:55/ 0 赞/ 277 阅读

相关 javascript倒计时

<script type="text/javascript"> clock();//一开始来去初始化倒计时 setI

阳光穿透心脏的1/2处/ 2022年01月26日 15:01/ 0 赞/ 263 阅读

相关 JavaScript倒计时

<h3 id="countDate"></h3> <script> function countTime(targetDate) {

冷不防/ 2022年01月20日 07:57/ 0 赞/ 252 阅读

相关 javascript实现奥运倒计时代码

js实现奥运倒计时代码转自: Js中国 [http://javascriptxml.5d6d.com/thread-4-1-1.html][http_javascri

逃离我推掉我的手/ 2021年11月22日 10:12/ 0 赞/ 294 阅读