显示日期时间&amp;&amp;倒计时效果

2024-04-27 15:09:50

字体：大中小

来源：转载

供稿：网友

Data日期对象：var myDate=new Date();

Date对象初始返回当前的日期和时间

getFullYear()返回年份（完整格式如2014）

getYear()返回年份，但格式不完整，一般用getFullYear

getMonth()返回月份值（从0开始到11，要返回当前月份，要多加一个1，myDate.getMonth()+1）

getDate()查看Date对象并返回日期（1-31）

getDay()返回星期几（0-6,0表示星期日，1-6表示星期一到星期六，注意这里返回的是数字）

getHours()返回小时数（0-23）

getMinutes()返回分钟数（0-59）

getSeconds()返回秒数

getTime()返回1970年1月1日至今的毫秒数

getMilliseconds()返回Date对象的毫秒(0-999)

<!DOCTYPE html><html>	<head>		<meta charset="utf-8" />		<title></title>	</head>	<body>		<span id="show">这里显示时间</span><br />		<p>距离高考还有<span id="distanceTime">这里显示时间差</span>天</p>		<p>还剩<span id="distanceTime2">这里显示时间差</span></p>		<script type="text/javascript">			window.onload = function() {				showTime("show");				distanceTime("distanceTime", "2017,6,7");				distanceTime2("distanceTime2", "2017/6/7,08:00:00");			}			//显示时间函数			function showTime(id) {				var myDate = new Date();				var year = myDate.getFullYear();				var month = myDate.getMonth() + 1; //不要忘了+1				var date = myDate.getDate();				var d = myDate.getDay(); //这里返回的星期是数字0-6,需用星期数组转换一下				var weekday = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];				var h = myDate.getHours();				var m = myDate.getMinutes();				var s = myDate.getSeconds();				//				checkTime(m);两种方法做补0处理				//				checkTime(s);				document.getElementById(id).innerHTML = year + '年' + month + '月' + date + '日' + weekday[d] + h + ':' + (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s;				setTimeout("showTime('" + id + "')", 500); //循环			}			//			function checkTime(i) {			//				if(i < 10) {			//					i = '0' + i;			//				}			//				return i;			//			}			//倒计时函数			function distanceTime(id, deadtime) {				var curtime = new Date();				var endtime = new Date(deadtime);				var lefttime = parseInt(((endtime.getTime() - curtime.getTime()) / (24 * 60 * 60 * 1000)));				//getTime()返回 1970 年 1 月 1 日至今的毫秒数				document.getElementById(id).innerHTML = lefttime;			}			function distanceTime2(id, deadtime) {				var endtime = new Date(deadtime); //结束时间				var nowtime = new Date(); //当前时间				var lefttime = parseInt(((endtime.getTime() - nowtime.getTime()) / 1000));				//parseInt可以只取整数部分，返回一个整数				var d = parseInt(lefttime / (24 * 60 * 60));				var h = parseInt(lefttime / (60 * 60) % 24);				var m = parseInt((lefttime / 60) % 60);				var s = lefttime % 60;				document.getElementById(id).innerHTML = d + '天' + h + '时' + m + '分' + s + '秒';				if(lefttime <= 0) {					document.getElementById(id).innerHTML = '团购结束';					clearTimeout(timer);				}				timer = setTimeout("distanceTime2('" + id + "','" + deadtime + "')", 500); //timer为全局变量			}		</script>	</body></html>

上一篇：收藏设置webstorm字体及配色

下一篇：jquery-EasyUI datagrid 换行