js的动态时间

最新推荐文章于 2024-08-07 11:00:25 发布

vincent1234

最新推荐文章于 2024-08-07 11:00:25 发布

阅读量142

点赞数

分类专栏： js&xml&xsl&json 文章标签： JavaScript HTML ViewUI

js&xml&xsl&json 专栏收录该内容

12 篇文章

订阅专栏

<html>
	<head></head>
	<script language="javascript" type="text/javascript">
		var mydate;
		var date2;
		var time;
		var time1;
		var time2;
		function initPage(){
			mydate = new Date(); // 这些时间都可以是服务器传出的时间
			date1 = new Date();   // 这些时间都可以是服务器传出的时间
			date2 = new Date(2010,12,20,23,59,59); // 这些时间都可以是服务器传出的时间
			time = mydate.getTime();
			time2 = date2.getTime();
			time1 = date1.getTime();
			document.getElementById('current_show').innerHTML = mydate.getFullYear()+"-"+mydate.getMonth()+"-"+mydate.getDate()+" "+mydate.getHours()+":"+mydate.getMinutes()+":"+mydate.getSeconds();
			window.setInterval(flashCurrentTime,1000);
			window.setInterval(flashLeftTime,1000);
		}
		function flashCurrentTime(){
			time = time + 1000;
			mydate = new Date(time);
			document.getElementById('current_show').innerHTML = mydate.getFullYear()+"-"+mydate.getMonth()+"-"+mydate.getDate()+" "+mydate.getHours()+":"+mydate.getMinutes()+":"+mydate.getSeconds();
		}
		
		function flashLeftTime(){
			time1 += 1000;
			left_time = time2 - time1;
			var left_hour = parseInt(parseInt(left_time/1000,10)/3600,10);
			var left_minute = parseInt((parseInt(left_time/1000,10)/3600 - left_hour)*60,10);
			var left_second = parseInt(parseInt(left_time/1000,10) - left_hour*3600-left_minute*60,10);
			document.getElementById('left_show').innerHTML = '距离结束日期还有：'+left_hour+' 小时 '+left_minute+' 分 '+left_second+' 秒';
		}
	</script>
	<body onload="initPage()">
		<input type="hidden" id="left_hour"/>
		<input type="hidden" id="left_minute"/>
		<input type="hidden" id="left_second"/>
		<p>当前时间：</p><p id="current_show"></p>
		<p>结束时间是：2010-12-20 23:59:59</p>
		<p id="left_show"></p>
	</body>
</html>