无名 发表于 2022-5-8 17:31:52

[冷漠审核]js的动画效果

js常见的电商网站倒计时
       // 1.获取元素
      var hour = document.querySelector('.hour');
      var minute = document.querySelector('.minute');
      var second = document.querySelector('.second');
      var inputDate = +new Date('2020-7-11 21:30:00');
      countDown();

      setInterval(countDown, 1000);

      function countDown(time) {
            var nowDate = +new Date();
            var daoDate = (inputDate - nowDate) / 1000;
            var h = parseInt(daoDate / 60 / 60 % 24) //   计算小时
            h = h < 10 ? '0' + h : h;
            hour.innerHTML = h;
            var m = parseInt(daoDate / 60 % 60); //   计算分数
            m = m < 10 ? '0' + m : m;
            minute.innerHTML = m;
            var s = parseInt(daoDate % 60); //   计算当前秒数
            s = s < 10 ? '0' + s : s;
            second.innerHTML = s;
      }
http://cdn.u1.huluxia.com/g4/M03/AB/B6/rBAAdl8JtpeAGQUzAAAPMPsly1M419.png
页: [1]
查看完整版本: [冷漠审核]js的动画效果