用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>
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- javascript倒计时效果实现
- javascript倒计时效果实现
- asp.net中倒计时自动跳转页面的实现方法(使用javascript)
- Javascript实现一个简单的页面倒计时功能
- JavaScript实现秒杀时钟倒计时
- 转载:Javascript实现秒杀倒计时(时间与服务器同步)
- JavaScript_实现红绿灯倒计时效果
- 简单几行javascript代码,实现动态倒计时功能
- javascript实现倒计时
- javascript实现倒计时自动跳转页面
- javascript实现促销倒计时+fixed固定在底部
- javaScript实现游戏倒计时功能
- JavaScript:使用js实现发送邮箱验证码,按钮倒计时
- javascript实现下班倒计时效果的方法(可桌面通知)
- javascript时间排序算法实现活动秒杀倒计时效果
- javascript 实现倒计时(天数、时、分、秒)
- javaScript实现简单网页倒计时代码
- javascript实现倒计时
- javascript 实现验证码按钮,点击30秒倒计时
- javascript实现倒计时(转)