javascript - 如何通过 jquery 倒计时按天数创建计数器

Question

你好，我想创建我指定日期的计数器，例如 (2012/07/01) date X

倒计时 date now < date X

使用 jQuery 或任何其他 java Script 库

请教我怎么做

或者在我的案例中给我一些提示

并且这个计数器仍然倒计时(-1 秒)直到 Arvie 到这个日期，例如当我们在 2 个月内打开网站并在索引中显示这个计数器直到打开它

Answer 1

使用这样的东西。

请记住创建一个名为“Example”的元素，并设置您想要的日期..

 function updateTimer(){
    // Get the element to append to
    var counter = document.getElementById("Example");
    // Set the targetDate
    var targetDate = new Date("July 27, 2012 19:30:00");

    var remainingSeconds = ~ ~((targetDate - new Date()) / 1000);
    var remainingTime = {
        "days": remainingSeconds / (60 * 60 * 24),
        "hours": (remainingSeconds % (60 * 60 * 24)) / (60 * 60),
        "minutes": (remainingSeconds % (60 * 60)) / 60,
        "seconds": remainingSeconds % 60
    };

    var str = "Time left is :: ";
    for (var i in remainingTime) {
        str += ~ ~remainingTime[i] + " " + i + ", ";
    }
    // Store the result in the element
    counter.innerHTML = str.substring(0, str.length - 2);
 }

 // Update the timer every 1 second
 setInterval(updateTimer, 1000);

这是 JSFiddle: http://jsfiddle.net/fqPqS/