ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

2021-06-04

2021-06-04 11:31:26  阅读:171  来源: 互联网

标签:00 06 04 getTime Date 2021 var new today


如何用JavaScript写出一个计时器


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script type="text/javascript">
/**
			 *  常用方法
			 */
			var today=new Date(); 
			var year=today.getFullYear();
			var month=today.getMonth()+1;
			var date=today.getDate();
			var hour=today.getHours();
			var minute=today.getMinutes();
			var second=today.getSeconds();
			var milliSecond=today.getMilliseconds();
			var day=today.getDay();
			var weekday=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
			var time=today.getTime(); // 返回从1970-01-01 00:00:00至今的毫秒数
			
			console.log(year+'年'+month+'月'+date+'日 '+hour+':'+minute+':'+second+' '+milliSecond+' '+weekday[day]); 
            function showTime(){
				
			var today=new Date();
			var duoHand=new Date(2021,5,18);//时间
			var seconds=Math.floor((duoHand.getTime()-today.getTime())/1000);
			if(seconds<=0){
				document.getElementById('time').innerHTML='可以开始剁手了!';
				return;
			}
			
			var day=Math.floor(seconds/60/60/24);
			var hour=checkNum(Math.floor(seconds/60/60%24));
			var minute=checkNum(Math.floor(seconds/60%60));
			var second=checkNum(seconds%60);

			
			var time='距离6·18还有:'+day+'天 '+hour+'小时'+minute+'分'+second+'秒';//判断时间
			
			document.getElementById('time').innerHTML=time;
			
			setTimeout(showTime,1000);
			}
			
			
			function checkNum(num){
				if(num<10){
					return '0'+num;
				}
				return num;
			}
			
			window.onload=function(){
				showTime();
			}
		
			
		</script>
		
	</head>
	<body>
		<div id="time"></div>
	</body>
</html>

 

标签:00,06,04,getTime,Date,2021,var,new,today
来源: https://blog.csdn.net/flyface/article/details/117553864

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有