倒计时

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_34162695

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量45

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/studyh5/p/7814372.html

<!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+' 年 '+month+' 月 '+date1+'日 '+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>

转载于:https://www.cnblogs.com/studyh5/p/7814372.html