JavaScript--时间显示小插件

最新推荐文章于 2022-10-08 18:18:59 发布

_夜风

最新推荐文章于 2022-10-08 18:18:59 发布

阅读量1.6k

点赞数

分类专栏： HTML--CSS--JavaScript

本文链接：https://blog.csdn.net/k183000860/article/details/47176939

版权

HTML--CSS--JavaScript 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

JS调用系统时间，显示在当前页面上，利用DOM操作节点来实现动态刷新

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript window对象常用方法及事件</title>
</head>
<body>
<script type="text/javascript">
	
	function setDateTime(){
		var date=new Date();
		var day=date.getDay();
		var week;
		switch(day){
		case 0:week="星期日";break;
		case 1:week="星期一";break;
		case 2:week="星期二";break;
		case 3:week="星期三";break;
		case 4:week="星期四";break;
		case 5:week="星期五";break;
		case 6:week="星期六";break;
		}
		var today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日  "+week+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
		document.getElementById("today").innerHTML=today;
	}

	window.setInterval("setDateTime()", 1000);
</script>
<div id="today"></div>
</body>
</html>

_夜风

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript--时间显示小插件

JS调用系统时间，显示在当前页面上，利用DOM操作节点来实现动态刷新JavaScript window对象常用方法及事件 function setDateTime(){ var date=new Date(); var day=date.getDay(); var week; switch(day){ case 0:week="星期日";brea
复制链接

扫一扫

专栏目录