【JavaScript】關於js實現計時器的方法

    function timer() {

        var today = new Date();

        //定義具體時間時，月份要比實際月份少1，且不加時分秒的話默認爲上午八點整，而不是零點

        var firstDay = new Date(2014,7,3,13,35,36);

        var date = parseInt(today.getTime() - firstDay.getTime()) ;

        //~是按位取反運算，~~是取反兩次,在這裏~~的作用是去掉小數部分

        var d = ~~(date / 1000 / 60 / 60 / 24);

        var h = ~~(date / 1000 / 60 / 60 % 24);

        if (h < 10) {

            h = "0" + h;

        }

        var m = ~~(date / 1000 / 60 % 60);

        if (m < 10) {

            m = "0" + m;

        }

        var s = ~~(date / 1000 % 60);

        if (s < 10) {

            s = "0" + s;

        }

        //等同於document.getElementById('d').innerHTML = d

        //$("#d")是個Jquery對象，他的val()是對value屬性賦值對它無意義。

        //Jquery沒有innerHTML這個屬性，所以應該寫$("#d")[0]將其變成js對象即dom對象

        $("#d")[0].innerHTML = d; 

        $("#h")[0].innerHTML = h;

        $("#m")[0].innerHTML = m;

        $("#s")[0].innerHTML = s;

       

        /* document.getElementById('d').innerHTML = d;

        document.getElementById('h').innerHTML = h;

        document.getElementById('m').innerHTML = m;

        document.getElementById('s').innerHTML = s; */

    }

    timer();

    //setInterval()方法是循環執行某個方法，第二個參數爲循環間隔時間，單位毫秒

    setInterval(timer, 1000);