var milliseconds=2698169*1000//秒变微秒
var dat = new Date(milliseconds)//生成日期
var year = dat.getFullYear()//取得年
var month = dat.getMonth()+1 //取得月,js从0开始取,所以+1
var date1 = dat.getDate()//取得天
var hour = dat.getHours()//取得小时
var minutes = dat.getMinutes()//取得分钟
var second = dat.getSeconds()//取得秒
alert(dat+" | "+year+"年"+month+"月"+date1+"日"+hour+"时"+minutes +"分"+second+"秒" )
}
简单的实现方式有两种:1,。获取到“开始”这个按钮,然后在点击事件里更改他的文本提示为“清零”;但是这么做的话,你不好区分你点击时候触发的是“开始”还是“清零”;
2,使用两个按钮,点击“开始”的时候,先把“开始”按钮设置为display:none然后把“清零”按钮设置为display:block;这样两个点击事件就分开了
其实加一个判断就行了,这是因为时区差的原因。
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<time datetime="2014-11-28"></time><br>
<time datetime="2014-11-28 00:00:00"></time><br>
<time datetime="2014-11-28,00,00,00"></time><br>
<time datetime="2014-11-28,11:00:00"></time><br>
</body>
</html>
<script>
var time=document.getElementsByTagName('time')
now=new Date()
//alert(now)
function addtime (y) {
setInterval(
function (){
var s0=1000,m0=s0*60,h0=m0*60,d0=h0*24,now=new Date(),t,dt=y.getAttribute('datetime')
t=Date.parse(dt)-now+(/:/.test(dt)?0:now.getTimezoneOffset()*60000)
if(t<0){y.innerHTML= '已经开始了'}else{
var d=Math.floor(t/d0), h=Math.floor((t-d*d0)/h0), m=Math.floor((t-d*d0-h*h0)/m0), s=Math.floor((t-d*d0-h*h0-m*m0)/s0)
y.innerHTML= '还剩'+('0'+d).substr(-2)+'天'+('0'+h).substr(-2)+'时'+('0'+m).substr(-2)+'分'+('0'+s).substr(-2)+'秒'}
},1000)
}
for (var i = 0 i < time.length i++) {
addtime(time[i])
}
</script>