首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >javascript/jquery -倒计时计时器

javascript/jquery -倒计时计时器
EN

Stack Overflow用户
提问于 2015-12-26 04:51:41
回答 2查看 1.4K关注 0票数 0

我需要帮助我的倒计时器。我有一个unix时间戳,我想从几分钟开始倒计时。它应该只打印出“还剩X分钟”。在我的范围内。我不知道为什么它不工作。我把jquery放在上面,所以jquery正在使用中。

HTML:

代码语言:javascript
复制
<span id="time-left">x</span>

JS:

代码语言:javascript
复制
<script type="text/javascript">
$(document).ready(function() {
    setTimeout(function(){
        var endTime = 1450992799399;
        var curTime = Math.floor((new Date()).getTime() / 1000);
        var seconds = endTime - curTime;
        var minutes = Math.floor(seconds / 60);
        seconds %= 60;
        $('#time-left').html() = minutes + " minutes left.";
    }, 1000);
});

我想让它每秒更新一次。但现在它什么也没做。文本在我的span中仍然是"x“。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-12-26 04:54:12

jQuery使用方法,而不是属性,所以它

代码语言:javascript
复制
$(element).html('HTML to set');

代码语言:javascript
复制
$(element).html() = 'HTML to set'; 

给你

代码语言:javascript
复制
$(document).ready(function() {
    setTimeout(function(){
        var endTime = 1450992799399;
        var curTime = Date.now();
        var seconds = curTime - endTime;
        var minutes = Math.floor((seconds / 60) / 1000);

        $('#time-left').html( minutes + " minutes left.");
    }, 1000);
});
票数 3
EN

Stack Overflow用户

发布于 2018-05-28 14:15:24

代码语言:javascript
复制
<script>
    var countdown = new Date("May 28, 2018 12:00:00").getTime();
    var x = setInterval(function(){
        var now = new Date().getTime();
        var distance = countdown - now;

        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
        var hours = Math.floor(distance % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));
        var minutes = Math.floor(distance % (1000 * 60 * 60) / (1000 * 60));
        var seconds = Math.floor(distance % (1000 *60) / 1000);
        document.getElementById("timer").innerHTML = "D " + days + " H " +  hours + " M " + minutes + " S " + seconds;
    },1000)
    if(distance < 0){
        clearInterval(x);
        document.getElementById("timer").innerHTML = "EXPIRED";
    }
</script>
<div id="timer" class="timer"></div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34466305

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档