开启辅助访问
帐号登录 |立即注册

JS如何实现倒计时效果?

 
<script>
// 1.获取元素
var hour =document . querySelector(' .hour'); //小时的黑色盒子
var minute = document . querySelector(' . minute'); //分钟的黑色盒子
var second = document . querySelector(' . second'); //秒数的黑色盒子
var inputTime = +new Date( '2019-5-1 18:00:00'); //返回的是用户输入时间总的亳秒数
countDown(); // 我们先调用次这个函数, 防止第一次刷新页面有空白
// 2.开启定时器
setInterval(countDown, 1000);
function countDown() {
var nowTime = +new Date(); //返回的是当前时间总的毫秒数
var times = (inputTime- nowTime) / 1000; // times是剩余时间总的秒数
var h = parseInt(times / 60 / 60 % 24); //时
h = h < 10 ? '0’+ h : h;
hour . innerHTML = h; //把剩余的小时给小时黑色盒子
var m = parseInt(times / 60 % 60); //分
m = m < 10 ? '0’+m : m;
minute . innerHTML = m;
var s = parseInt(times % 60); //当前的秒
S = S< 10 ? '0'+s : s;
second. innerHTML = s;
}
</script>

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。