js动态时间

zgx_20120702

于 2013-05-06 21:52:10 发布

阅读量581

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： JavaScript 动态时间

本文链接：https://blog.youkuaiyun.com/zgx_20120702/article/details/8892604

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的动态日期时间显示脚本。该脚本能够实时更新展示当前的日期和时间，包括年、月、日、星期以及小时、分钟和秒。通过定时调用函数实现了每秒刷新页面时间的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
	function getNewTime(){
		var time = new Date();
		var y = time.getFullYear().toString();
		var m = time.getMonth().toString();
		var d = time.getDate().toString();
		var h = time.getHours().toString();
		var min = time.getMinutes().toString();
		var s = time.getSeconds().toString();
		if(m<10){
			m = "0"+m;
		}
		if(d<10){
			d = "0"+d;
		}
		if(h<10){
			h = "0"+h;
		}
		if(min<10){
			min = "0"+min;
		}
		if(s<10){
			s = "0"+s;
		}
		var weekday=new Array(7); 
		weekday[0]="星期日" ;
		weekday[1]="星期一" ;
		weekday[2]="星期二" ;
		weekday[3]="星期三" ;
		weekday[4]="星期四" ;
		weekday[5]="星期五" ;
		weekday[6]="星期六" ;
		var w=weekday[time.getDay()]; 
		
		document.getElementById("time").innerHTML = y+"年"+m+"月"+d+"日 "+w+" "+h+":"+min+":"+s;
		setTimeout("getNewTime()",1000);
	}
	//效果同setTimeout（）
	//setInterval("getNewTime()",1000);
	</script>