javascript - 日数でカウントダウンするjqueryでカウンターを作成する方法

Question

こんにちは、たとえば日付を指定するカウンターを作成したい(2012/07/01) date X

しながらカウントダウンdate now < date X

jQuery またはその他のJava Scriptライブラリを使用する

これを行う方法を教えてください

または、私の場合はヒントを教えてください

このカウンターは、Arvie がこの日付になるまで (-1 秒) カウントダウンします。

Answer 1

このようなものを使用してください。

「Example」という 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/

Answer 2

そのための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();
};