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

时间:2012-05-20 11:14:40

标签: javascript jquery

ello我想创建一个我指定日期的计数器(2012/07/01) date X

date now < date X

时倒计时

使用 jQuery 或任何其他 java Script

请告诉我如何做到这一点

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

此计数器仍然反击(-1秒),直到Arvie到此日期为止,例如我们在2个月内打开网站并在索引中显示此计数器,直到打开它

2 个答案:

答案 0 :(得分:4)

使用类似的东西。

请记住创建一个名为&#39;示例&#39;的ID元素,并设置您想要的日期..

 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/

答案 1 :(得分:0)

我认为你不需要一个javascript库。
你可以这样做:

var date=new Date();
var day=date.getDate();
var month=date.getMonth();
var year=date.getFullYear();
var now=year+'/'+month+'/'+day;
var x='2012/7/1';
if(now==x){
    doSomthing();
};