Advertisement

【yoyo】计算2018年1月1日距当天事件还剩多少天,多少小时,多少分钟,多少秒;

阅读量:
复制代码
 <!DOCTYPE html>

    
 <html>
    
 <head>
    
 	<meta charset="UTF-8">
    
 	<title>Document</title>
    
 	<style>
    
 		h1 {
    
 			display: inline;
    
 			color: red;
    
 		}
    
 	</style>
    
 </head>
    
 <body>
    
 	<p>距离2018年1月1日还有 小时 分钟 秒</p>
    
 </body>
    
 <script>
    
 	setInterval(function(){
    
 		// 获取当前时间
    
 		var nowDate = new Date();
    
 		//获取当前事件距离1970年1月1日有多少秒
    
 		var nowTime = nowDate.getTime();
    
  
    
 		// 获取2018年1月1日时间
    
 		var futureDate  = new Date(2018,0,1);
    
 		// 获取2018年1月1日距离1970年1月1日有多少秒;
    
 		var futureTime = futureDate.getTime();
    
  
    
 		// 获得当前日期距离2018年有多少毫秒
    
 		var second = futureTime - nowTime;
    
 		console.log(second);
    
  
    
 		// 获取秒数
    
 		var miao = parseInt(second/1000)%60;
    
 			
    
 		//获取分钟数
    
 		var minute = parseInt(second/60000)%60;
    
 		
    
 		//获取小时
    
 		var hour = parseInt(second/3600000)%24;
    
  
    
 		//获取天数
    
 		var days = 	parseInt(second/3600000/24);
    
  
    
 		var result = document.getElementsByTagName('p')[0];
    
  
    
 		result.innerHTML = '距离2018年1月1日还有' + '<h1>'+days+'</h1>' + '天'+'<h1>'+hour+'</h1>' + '小时' + '<h1>'+minute+'</h1>' +'分钟' + '<h1>'+miao+'</h1>' +'秒';	
    
 	},1)
    
 	
    
  
    
  
    
  
    
  
    
  
    
 </script>
    
  
    
 </html>
    
    
    
    

全部评论 (0)

还没有任何评论哟~