1. 程式人生 > 其它 >js製作簡單的時鐘v1.0

js製作簡單的時鐘v1.0

技術標籤: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

效果
在這裡插入圖片描述