js製作簡單的時鐘v1.0
阿新 • • 發佈:2021-02-07
技術標籤:javascriptjavascript
js製作簡單的時鐘
getFullYear():獲取四位數年份
getMonth():獲取月份
getDate:獲取日期
getDay:獲取一週中的周幾
getHours():獲取小時
getMinutes():獲取分鐘
getSeconde():獲取秒數
setInterval(callback, time):定時器方法
callback:回撥函式
time:執行函式的間隔時間,單位毫秒
注意:程式碼要放在body標籤下面執行。
<script> setInterval(show_time, 1000); show_time(); function show_time(){ var time = new Date(); var week = ["日", "一", "二", "三", "四", "五", "六"]; var str = time.getFullYear() + "年" + get_two(time.getMonth() + 1) + "月" + get_two(time.getDate()) + "日 周" + week[time.getDay()] + " " + get_two(time.getHours()) + ":" + get_two(time.getMinutes()) + ":" + get_two(time.getSeconds()); document.body.innerHTML = str; } //將小於10的數變為00,01,02...的樣式 function get_two(num){ return num < 10 ? "0" + num : num; } </script
效果