9、利用JavaScript在网站显示时间

1、利用JavaScript在网站显示时间

      1.1 html代码

<body>
	<div id="mytime"></div>
</body>
      1.2 style代码

<style type="text/css">
	#mytime {
		background: #000;
		width: 300px;
		height: 30px;
		margin: 0 auto;
		color: #fff;
		text-align: center;
		line-height: 30px;
	}
</style>
        1.3 JavsScript代码

<script type="text/javascript">
	function showTime() {
		var mytime = document.getElementById('mytime');
		var dobj = new Date();
		var year = dobj.getFullYear();
		var month = dobj.getMonth() + 1; /*js是利用0-11来表示12个月的*/
		var day = dobj.getDate();
		var hour = dobj.getHours();
		var minute = dobj.getMinutes();
		var second = dobj.getSeconds();
		var strDate = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
		mytime.innerHTML = strDate;
	}
	showTime();
	setInterval(showTime, 1000);
</script>

      1.4 运行截图


你可能感兴趣的:(秒表,JavaScript秒表)