天天看點

國慶節倒計時應當如何做?

<!DOCTYPE html>
<html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head><body>
    <button id="buy">購買</button>
    <script>
        // get 擷取   set設定
        var date = new Date(); //系統時間
        // 1.設定年  setFullYear()  
        date.setFullYear(2028);
        // 2.設定月  setMonth() 0-11
        date.setMonth(7) //8月份
            // 3.設定日期  setDate() 
        date.setDate(18)
            // 4設定小時 setHours()
        date.setHours(10)
            // 5.設定分鐘
        date.setMinutes(45)
            // 6 設定秒 setSeconds()
        date.setSeconds(56)
            // 7 設定毫秒setMilliseconds  0-999
        date.setMilliseconds(666)        console.log(date)        // 8 整個日期對象轉為 本地時間格式 date.toLocaleString()
        document.write(date.toLocaleString() + "<br/>")
            // 9 将日期部分 轉為本地時間格式 date.toLocaleDateString()  2028/8/18
        document.write(date.toLocaleDateString() + "<br/>")
            // 10.将時間部分轉為本地格式字元串  date.toLocaleTimeString()
        document.write(date.toLocaleTimeString() + "<br/>")
        document.write(date.toLocaleTimeString().substr(2) + "<br/>")
            //11 date.toUTCString() 将時間  轉為UTC 時間  世界協調時  差 8小時
        document.write(date.toUTCString() + "<br/>")
            // 12. 轉為格林威治時間的字元串
        document.write(date.toGMTString())

        // 
        var buy = document.getElementById("buy");
        buy.onclick = function() {
            //  new Date().getTime() 擷取時間戳
            console.log(new Date().getTime())
        }
    </script>
</body></html>
           

繼續閱讀