js实现小时钟,js中Date对象的使用?

Posted jzssuanfa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现小时钟,js中Date对象的使用?相关的知识,希望对你有一定的参考价值。

介绍一下js中Date对象的使用

dateObj = new Date()

dateObj = new Date(dateValue)

dateObj = new Date(year,month,date[,hours[,minutes[,seconds[,ms]]]]);


以下有一个小样例

	<script type="text/javascript">
		function setTime(){
			//获得如今的时间
			var now = new Date();
	  		var year = now.getFullYear();
	  		var month = now.getMonth();
	  		month ++;
	  		var date = now.getDate();
	  		var day = now.getDay();
	  		var hours = now.getHours();
	  		var minute = now.getMinutes();
	  		var second = now.getSeconds();
			var arr_week = new Array("星期一","星期二","星期三","星期四","星期五","星期六","星期日");
			var week = arr_week[day];
	  		var time = year + "年" + month + "月" + date + "日 " + week + " " + hours + ":" +minute + ":" + second;
			var clock = document.getElementById("clock");
			clock.innerhtml ="当前时间: "+time;
		}
		//下载完毕后,每隔一秒更新一次时间
		window.onload = function(){
			window.setInterval("setTime()", 1000);
		}
  	</script>
显示效果:

技术分享



以上是关于js实现小时钟,js中Date对象的使用?的主要内容,如果未能解决你的问题,请参考以下文章

js怎么写一个时钟?每秒跳一次的那种

js如何实现数字滚动效果

js常用代码片段(更新中)

原生js实现的3个小特效(时钟轮播图选项卡)

微信小程序学习Course 3-3 JS时间类型学习

js date setInterval 时间 时钟 getFullYear ,JavaScript