案例：美女時鐘 思路： 打開頁面就有圖片按每秒1張的順序輪換，用到了日期對象，獲取小時和秒。 封裝到一個命名函數後，為了使頁面打卡就有圖片的輪換，先調用下f1，再設置setInterval <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...
案例：美女時鐘
思路：
打開頁面就有圖片按每秒1張的順序輪換，用到了日期對象，獲取小時和秒。
封裝到一個命名函數後，為了使頁面打卡就有圖片的輪換，先調用下f1，再設置setInterval
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> <img src="" alt="" id="im" /> <script src="common.js"></script> <script> function f1() { //獲取當前時間 var dt = new Date(); //獲取小時 var hour = dt.getHours(); //獲取秒 var second = dt.getSeconds(); hour = hour < 10 ? "0" + hour : hour; second = second < 10 ? "0" + second : second; my$("im").src = "meimei/" + hour + "_" + second + ".jpg"; } //打開頁面先調用f1，這樣打開來就有圖片，不用等待 f1(); //頁面載入哇麻痹後，過了1，秒才執行函數的代碼 setInterval(f1, 1000); </script> </body> </html>
