JavaScript基礎(七) ---- 日期、定時器

1. 日期

 1. new Date()     --- 創建日期,獲取當前日期  返回:Wed Jul 12 2017 18:49:54 GMT+0800 (中國標準時間)
 2. var oDate = new Date();
    var m=oDate.getMonth()+1;    //獲取月份的時候,必須+1;
    var d=oDate.getDate();       //獲取日
    var w=oDate.getDay();        //獲取星期 0123456   0:代表星期日;
    var h=oDate.getHours();      //獲取小時
    var min=oDate.getMinutes();  //獲取分鐘
    var s=oDate.getSeconds();    //獲取秒   

#

2. 定時器

 1. setInterval()   有兩個參數:1)回調函數 2)毫秒數
                    每隔一段時間走一次;只要不關閉頁面或關閉定時器,他會一直走下去;
                    手動關閉:clearInterval(定時器名)
 2. setTimeout()    有兩個參數:1)回調函數 2)毫秒數
                    一段時間後只走一次;
                    手動關閉:clearTimeout(定時器名)
 var n=0;
 var timer=setInterval(function(){
        n++;
        alert(n)
        if(n==5){
            clearInterval(timer);   //關閉定時器,必須關閉有名字的定時器;
        }
    },1000)
例子
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            font-size: 100px;
        }
    </style>
</head>
<body>
<script>
    //toDou:實現兩位數
    function toDou(n){
        return n>=0 && n<10? '0'+n:''+n;
    }
    function getDate(){
        var oDate=new Date();        //獲取日期對象
        var y=oDate.getFullYear();   //獲取年份
        var m=oDate.getMonth()+1;    //獲取月份的時候,必須+1;
        var d=oDate.getDate();       //獲取日
        var w=oDate.getDay();        //獲取星期 0123456   0:代表星期日;
        var h=oDate.getHours();      //獲取小時
        var min=oDate.getMinutes();  //獲取分鐘
        var s=oDate.getSeconds();    //獲取秒
        var str=toDou(h)+':'+toDou(min)+':'+toDou(s)     //字符串拼接
        document.body.innerHTML=str;
    }
    getDate();    //這裏手動調用一次,是爲了防止1秒後才執行,頁面出現空白的情況
    var timer=setInterval(getDate,1000)  //每 隔一秒獲取一次最新的日期對象;
</script>
</body>
</html>

3. 用setTimeout實現setInterval

var n=0;
    function fn(){
        n++;
        if(n===5){                    //當n===5的時候,結束定時器,同時,阻斷程序執行;
            clearTimeout(timer);     //結束定時器
            return;                  //阻斷程序執行;
        }
        var timer=setTimeout(fn,1000);//開啓定時器;
    }
    fn();
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章