分享一个 js 编写的自动计数的时间戳

最新推荐文章于 2024-08-01 22:58:23 发布

无厘琛

最新推荐文章于 2024-08-01 22:58:23 发布

阅读量418

点赞数

分类专栏： JavaScript 文章标签： js JavaScript web

本文链接：https://blog.csdn.net/pigsohappy/article/details/96875373

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

写在开头

时间戳在web端十分常用，通过JavaScript编写一个简单的时间戳，也就成为了一个js开发者的基础技能。直接上代码：

具体代码

<html>
       <head>
               <body>
                      <div id="now"></div>
               </body>
               <script type="text/javascript">
               // 自动计时时间戳
		function Time(){
			var day = new Date;
			var d = day.getDate();
			var mon = day.getMonth()+1;
			var min = day.getMinutes();
			var sec = day.getSeconds();
			var h = day.getHours();

			switch (d){
				case 0: week_str="星期日";break;
				case 1: week_str="星期一";break;
				case 2: week_str="星期二";break;
				case 3: week_str="星期三";break;
				case 4: week_str="星期四";break;
				case 5: week_str="星期五";break;
				default: week_str="星期六";break;
			}
			var str = time(mon) + "月" + time(d) + "日" + week_str + time(h) + ":" +  time(min) + ":" + time(sec);
           //数字补位
			function time(num){
				if(parseInt(num) < 10){
                 num = '0'+num;
                 }
                 return num;
			}
			
			var now = document.getElementById('now');
			now.innerHTML = str;
			setTimeout(Time,1000)
			
		};
		window.onloda = function(){Time()};
	</script>
        </head>
</html>