如何使用JavaScript實現制作動態時鐘

來源：懂視網責編：小采時間：2020-11-27 20:12:36

如何使用JavaScript實現制作動態時鐘

如何使用JavaScript實現制作動態時鐘:1:clock.js/** * 動態顯示當前時間 */function showDateTime(){ var sWeek=new Array("日","一","二","三","四","五","六"); //

推薦度：

點擊下載本文 文檔為doc格式

導讀如何使用JavaScript實現制作動態時鐘:1:clock.js/** * 動態顯示當前時間 */function showDateTime(){ var sWeek=new Array("日","一","二","三","四","五","六"); //

1:clock.js

/** * 動態顯示當前時間 */function showDateTime(){ 
var sWeek=new Array("日","一","二","三","四","五","六"); //聲明數組存儲一周七天 
var myDate=new Date(); //獲取當天日期 
var sYear=myDate.getFullYear(); //獲取年 
var sMonth=myDate.getMonth()+1; //獲取月 
var sDate=myDate.getDate(); //獲取日 
var sDay=sWeek[myDate.getDay()]; //根據得到的數字星期,利用數組轉化為星期 
var h=myDate.getHours(); //獲取小時 
var m=myDate.getMinutes(); //獲取分鐘 
var s=myDate.getSeconds(); //獲取秒 //輸入日期和星期 
document.getElementById("date").innerHTML=(sYear+"年"+sMonth+"月"+sDate+"日"+"星期"+sDay+"<br/>"); h = formatTwoDigits(h); //格式化小時,如果不足兩位在前面補0 m = formatTwoDigits(m); //格式化分鐘,如果不足兩位在前面補0 s = formatTwoDigits(s); //格式化秒鐘后,如果不足兩位在前面補0 //顯示時間 document.getElementById("msg").innerHTML=(h+":"+m+":"+s+"<br/>"); setTimeout("showDateTime()",1000);//每秒執行一次showDateTime函數}window.onload=showDateTime;//在整個頁面加載完成后執行此函數//如果輸入數是一位數,則在十位上補0function formatTwoDigits(s) { if (s<10) return "0"+s; else return s;
}

2:clock.html

<!DOCTYPE html><html lang="en"><head>
 <meta charset="UTF-8">
 <title>制作動態時鐘</title>
 <script type="text/javascript" src="clock.js"></script></head><body>
 <h1 id="date"></h1>
 <span id="msg" style="font-size: 30px;background-color: greenyellow;">
 </span>
 </body>
</html>

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

如何使用JavaScript實現制作動態時鐘

如何使用JavaScript實現制作動態時鐘:1:clock.js/** * 動態顯示當前時間 */function showDateTime(){ var sWeek=new Array("日","一","二","三","四","五","六"); //

推薦度：

點擊下載本文 文檔為doc格式

標簽：利用動態實現

熱門焦點

如何使用JavaScript實現制作動態時鐘

如何使用JavaScript實現制作動態時鐘

如何使用JavaScript實現制作動態時鐘

最新推薦

猜你喜歡

熱門推薦