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

用JavaScript实现倒计时

2020-02-03 09:51 555 查看
<script>
/*
倒计时:
截止日期: 2019/12/13 12:00:00
起始时间:当前

getTime():日期对象距离1970元月一号的时间差

时间差:截止日期距离70-起始日期距离70
将时间差转换  时  分  秒
显示到页面中
*/

var o = document.getElementById('box'); //div

//计算倒计时
function showTime() {
var nowTime = new Date(); //当前日期对象
var endTime = new Date("2019/12/13 12:00:00"); //截止日期

//时间差  秒
var diffTime = parseInt((endTime.getTime() - nowTime.getTime()) / 1000);

// console.log(nowTime,typeof nowTime);
// console.log(endTime);
// console.log(diffTime);
//将时间差转换为时分秒
//4000
var h, m, s;
h = parseInt(diffTime / 60 / 60); //小时
m = parseInt(diffTime / 60) % 60; //分钟
s = diffTime % 60; //秒
//数字小于10,补0
if (h < 10) {
h = '0' + h;
}

if (m < 10) {
m = '0' + m;
}

if (s < 10) {
s = '0' + s;
}
// console.log(h, m, s);
var time = "还剩:" + h + "小时" + m + "分钟" + s + "秒";
o.innerHTML = time;

setTimeout(showTime, 1000);
}

showTime();

</script>
  • 点赞
  • 收藏
  • 分享
  • 文章举报
micrcle 发布了7 篇原创文章 · 获赞 5 · 访问量 57 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: