您的位置：首页 > Web前端 > JavaScript

JavaScript--时间显示小插件

2015-07-31 22:40 781 查看
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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航