JavaScript--时间显示小插件

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>


posted @ 2015-07-31 22:40  __夜风  阅读(345)  评论(0编辑  收藏  举报