您的位置：首页 > Web前端 > JavaScript

原生js团购-限时购

2016-04-15 11:25 495 查看

html 代码清单：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>团购——限时抢</title>
</head>
<body>
<div class="content3">
<div class="time">还剩 <span id="LeftTime"></span></div>
</div>
<script>
function timer(){
var endTime = new Date("2016/5/15,12:20:12");//设置活动结束时间
var nowTime = new Date();//当前时间
var leftTime = parseInt((endTime.getTime() - nowTime.getTime())/1000);//得到总的秒数
var days = parseInt(leftTime/(24*3600));//得到剩余天数
var hours = parseInt((leftTime/3600)%24);//得到剩余小时
var mins = parseInt((leftTime/60)%60);//得到剩余分钟
var seconds = parseInt(leftTime%60);//得到剩余秒数
var leftValue = document.getElementById("LeftTime");
seconds = seconds < 10 ?"0" + seconds:seconds;//如果秒数小于10,就在就在剩余秒数前面加个0
leftValue.innerHTML = days + "天" + hours + "小时" + mins + "分钟" + seconds + "秒";
if(leftTime <= 0){
leftValue.innerHTML ="团购已结束";
clearInterval(sh);
}
}
timer();
sh = setInterval(timer,1000);
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 原生js团购-限时购

相关文章推荐

新的分享

章节导航