案例：美女時鐘
思路：
打開頁面就有圖片按每秒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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/163654.html
標籤：JavaScript
上一篇：圖片上傳那點事
下一篇：git中的SSL certificate problem: unable to get local issuer certificate錯誤的解決辦法