广告
html/css/javascript您现在的位置是:主页 > html/css/javascript >

用JS显示当前时间html代码

2023-09-07 06:55:09html/css/javascript 26人已围观

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#time {
				color: red;
				font-size: 30px;
 
				
				
			}
		</style>
	</head>
	<body>
		<div id = "time"></div>
		<script>
			function show(){
				var weeks = ['天','一','二','三','四','五','六'];
				var myTime = new Date();
				var year = myTime.getFullYear();
				var month = myTime.getMonth()+1;
				var day = myTime.getDate();
				var week = myTime.getDay();
				var hours = myTime.getHours();
				var minutes = myTime.getMinutes();
				var seconds = myTime.getSeconds();
				
				var timeStr = '今天是:' +year + '年' + month + '月' + day + '日 星期' + weeks[week]+hours+'时'+minutes+'分'+seconds+'秒';
				
				document.getElementById("time").innerHTML = timeStr;
			}
			window.onload = function(){
				show();
				setInterval('show()' ,1000);
			}
		</script>
	</body>
</html>

 

专注中小企业网站建设,网站安全15年,熟悉各种CMS建站系统,善于解决各种网站疑难杂症。有需要请联系下方微信!

解决问题仅需10元起!

技术微信


扫码联系技术微信

---------------专业解决网站各种疑难杂症,可淘宝担保交易,安全无风险---------------
建站、仿站、二次开发、网站改版、网站修改、网站漏洞修复、网站被黑修复、网站安全、服务器安全等
点击了解更多 >>

广告
技术微信