JS经典实例1-网站中实时秒表实现

效果图

Html部分

<h1 class="container">显示时间</h1>

JS部分

"use strict"
			setInterval(function() {
				let time = new Date();
				let year = time.getFullYear();
				let mouth = time.getMonth() + 1;
				let day = time.getDate();
				let hours = time.getHours();
				let minutes = time.getMinutes();
				let seconds = time.getSeconds();

				//封装函数实现数字为个位数时加零处理
				function formate(a) {
					if (a >= 0 && a <= 9) {
						a = `0${a}` 
					} 
					return a;
				};
				
				[
					mouth,
					day,
					hours,
					minutes,
					seconds
				] = [
					formate(mouth),
					formate(day),
					formate(hours),
					formate(minutes),
					formate(seconds)
				];
				
				let nowtime = `${year}-${mouth}-${day} ${hours}:${minutes}:${seconds}`;
				document.title = nowtime;//给title设置时间
				document.getElementsByClassName('container')[0].innerHTML = nowtime;


			}, 1000)