码迷,mamicode.com
首页 > 其他好文 > 详细

倒计时

时间:2017-11-10 15:17:10      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:date()   nbsp   数字   set   计时   时间戳   get   char   amp   

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>倒计时</title>
</head>
<body>
<span id="y"></span>
小时:<span id="h"></span>
分钟:<span id="m"></span>
秒:<span id="s"></span>
<script src="jquery.min.js"></script>
<script>
upDateTime();
// 直播倒计时
function upDateTime(){
//获取当前的时间戳
var nowTime = new Date().getTime();
//获取结束时的时间戳
// var endTime = new Date($(‘.endtime input‘).val()).getTime();
var endTime = new Date(‘2017/11/11 19:30:00‘).getTime();
// 时间差
var t = endTime - nowTime;
//在js当中函数里面的return后面的代码不执行
if(t<=0) {
$(‘.time‘).hide();
$(‘.linenum‘).show()
};
// var d = Math.floor(t/1000/60/60/24);
// console.log(d);
var h = Math.floor(t/1000/60/60);
var i = Math.floor(t/1000/60%60);
var s = Math.floor(t/1000%60);
var day = Math.floor(t/1000/60/60/24);
var date = new Date();
// year
var year = date.getFullYear();
//month
var month = date.getMonth()+1;
// day
var date1 = date.getDate();
// hours
var hour = date.getHours();

var min = date.getMinutes();
$(‘#y‘).html(year+‘&nbsp;年&nbsp;‘+month+‘&nbsp;月&nbsp;‘+date1+‘日&nbsp;‘+day+‘天‘);
$(‘#h‘).html(gettwo(h));
$(‘#m‘).html(gettwo(i));
$(‘#s‘).html(gettwo(s));
setTimeout(upDateTime, 1000);
}

// 如果是个位数在数字前加0
function gettwo(num){
if(num<10){
return ‘0‘+num;
}else{
return num
}
}
</script>
</body>
</html>

倒计时

标签:date()   nbsp   数字   set   计时   时间戳   get   char   amp   

原文地址:http://www.cnblogs.com/studyh5/p/7814372.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!