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

用JS显示当前时间html代码

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

<!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>

 


扫码添加技术微信【解决问题,仅需10元起】

专注中小企业网站建设、网站安全15年。
熟悉各种CMS,精通PHP+MYSQL、HTML5、CSS3、Javascript等。
承接:企业仿站、网站修改、网站改版、BUG修复、问题处理、二次开发、PSD转HTML、网站被黑、网站漏洞修复等。
专业解决各种疑难杂症,您有任何网站问题都可联系我们技术人员微信。
➥ 可淘宝担保交易,安全无风险

广告
广告
技术微信