Jquery 从 x 秒到 0 的倒计时 hh:mm:ss

Question

我有多个 html 元素 class "countdown":

<span data-seconds="95" class="countdown">00:01:35</span>
<span data-seconds="30" class="countdown">00:00:30</span>

等等.. 现在我想制作一个计时器，将值倒计时到 00:00:00，然后页面应该重新加载。这是我的脚本：

        // Countdown
        setInterval(function(){
            $(".countdown").each(function(){
                var seconds = $(this).data('seconds');
                if(seconds > 0) {
                    second = seconds - 1;
                    $(this).data('seconds', second)
                    $(this).html(second )
                }
            });
        }, 1000);

这在几秒钟内非常有效……但是有人可以帮我把它转换成 hh:mm:ss 格式吗？在 php 中有很棒的函数 gmdate("H:i:s", $seconds) 函数..我想知道 JS 中有类似的东西吗？

而且 - 如果 $(this).data('seconds') 有 0 个？

感谢回复:)

Answer 1

这是您的解决方案，JS BIN

    // Countdown
    setInterval(function(){
        $(".countdown").each(function(){
            var seconds = $(this).data('seconds');
            if(seconds > 0) {
                second = seconds - 1;
                $(this).data('seconds', second)

                 var date = new Date(null);
                 date.setSeconds(second); 
                 $(this).html(date.toISOString().substr(11, 8))
            }
          else
            {
              $(this).html("Reload" )
            }
        });
    }, 1000);

Jquery 从 x 秒到 0 的倒计时 hh:mm:ss

Jquery Countdown from x seconds to 0 in format hh:mm:ss

javascript

jquery

date