【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);
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章