js實現頁面時間動態變化


利用函數嵌套和setTimeout函數實現時間動態變化

var myDate = new Date();
myDate.getYear();        //獲取當前年份(2位)
myDate.getFullYear();    //獲取完整的年份(4位,1970-????)
myDate.getMonth();       //獲取當前月份(0-11,0代表1月)
myDate.getDate();        //獲取當前日(1-31)
myDate.getDay();         //獲取當前星期X(0-6,0代表星期天)
myDate.getTime();        //獲取當前時間(從1970.1.1開始的毫秒數)
myDate.getHours();       //獲取當前小時數(0-23)
myDate.getMinutes();     //獲取當前分鍾數(0-59)
myDate.getSeconds();     //獲取當前秒數(0-59)
myDate.getMilliseconds();    //獲取當前毫秒數(0-999)
myDate.toLocaleDateString();     //獲取當前日期
var mytime=myDate.toLocaleTimeString();     //獲取當前時間
myDate.toLocaleString( );        //獲取日期與時間
------------------------------------華麗的切割線------------------------------------------

<html>
<script>
var t = null;
    t = setTimeout(time,1000);//開始運行
    function time()
    {
       clearTimeout(t);//清除定時器
       dt = new Date();
       var h=dt.getHours();//獲取時
       var m=dt.getMinutes();//獲取分
       var s=dt.getSeconds();//獲取秒
       document.getElementById("showTime").innerHTML =  "如今的時間為:"+h+"時"+m+"分"+s+"秒";
       t = setTimeout(time,1000); //設定定時器,循環運行     
    } 

</script>

<body>
<label id="showTime"></lable>
</body>
</html>

效果例如以下



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM