美文网首页
如何用JS原生写法写出一个倒计时?

如何用JS原生写法写出一个倒计时?

作者: 拾柒_aab0 | 来源:发表于2019-10-15 19:09 被阅读0次

思路:

要写一个倒计时首先要考虑获取现在的时间和要倒计的未来的时间,获取两者的时间差,用未来时间-现在时间,现在时间不能大于未来时间,
再获取天数,小时,分钟,秒数。最后用定时器写入页面
首先总结一下需要用到的知识点。
1.new Date()获取当前时间
2.getTime()获取毫秒数

  1. Math.floor()向下取整

4.设置一个定时器

function getCutDown(y, m, d) {//封装函数
var now = new Date().getTime();//获取现在时间的毫秒数
 var fruture = new Date(y, m, d).getTime();//获取现在未来的毫秒数
  var miss = fruture - now;//获取时间差
 var date = Math.floor(miss / 1000 / 60 / 60 / 24);//获取天数
 var hours = Math.floor(miss / 1000 / 60 / 60 % 24);//获取小时数
 var min = Math.floor(miss / 1000 / 60 % 60);;//获取分钟数
 var second = Math.floor(miss / 1000 % 60);;//获取秒数
 return `${date}天${hours}时${min < 10 ? '0' + min : min}分${second < 10 ? '0' + second : second}秒`;//把所有的结果拼接出来
    }
    var h2 = document.querySelector('h2')//获取h2
    h2.innerHTML = getCutDown(2019, 10, 26);//写入页面先运行一次
    var time = null;
    time = setInterval(function () {//定时器来操作
        h2.innerHTML = getCutDown(2019, 10, 26);//写入定时器,写进页面
    }, 1000);

相关文章

网友评论

      本文标题:如何用JS原生写法写出一个倒计时?

      本文链接:https://www.haomeiwen.com/subject/imedmctx.html