首页前端开发JavaScriptjs实现简单的倒计时

js实现简单的倒计时

时间2024-01-31 18:55:03发布访客分类JavaScript浏览733
导读:收集整理的这篇文章主要介绍了js实现简单的倒计时,觉得挺不错的,现在分享给大家,也给大家做个参考。 本文实例为大家分享了js实现简单倒计时的具体代码,供大家参考,具体内容如下代码:<...
收集整理的这篇文章主要介绍了js实现简单的倒计时,觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了js实现简单倒计时的具体代码,供大家参考,具体内容如下

代码:

!DOCTYPE htML>
    html lang="en">
     head>
      meta charset="UTF-8">
      meta name="viewport" content="width=device-width, inITial-scale=1.0">
      title>
    Document/title>
      script src="./3.小于10补零封装.js">
    /script>
      style>
    div {
          float: left;
          width: 100px;
          height: 100px;
          background-color: #000;
          text-align: center;
          line-height: 100px;
          color: #fff;
          font-Size: 30px;
          margin-right: 10px;
    }
      /style>
    /head>
     body>
      div>
    /div>
      div>
    /div>
      div>
    /div>
      div>
    /div>
      script>
        VAR div = document.getelementsbytagname('div');
        var inputTime = +new Date('2021-02-05 00:00:00');
     //用户输入时间距离1970年1月1日 总毫秒数    setInterval(countTime, 1000);
        countTime();
     function countTime() {
          var nowTime = +new Date();
     //当前时间距离1970年1月1日 总毫秒数      // console.LOG(timer);
          var times = (inputTime - nowTime) / 1000;
     //秒      var d = parseInt(times / 60 / 60 / 24);
     //天      div[0].innerHTML = addZero(d) + '天';
          var h = parseInt(times / 60 / 60 % 24) //时      div[1].innerHTML = addZero(h) + '时';
          var m = parseInt(times / 60 % 60);
     //分      div[2].innerHTML = addZero(m) + '分';
          var s = parseInt(times % 60);
     //秒      div[3].innerHTML = addZero(s) + '秒';
      }
      /script>
    /body>
     /html>
    

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

您可能感兴趣的文章:
  • JS 倒计时实现代码(时、分,秒)
  • JS实现倒计时(天数、时、分、秒)
  • 简单易用的倒计时js代码
  • js代码实现点击按钮出现60秒倒计时
  • 2种简单的js倒计时方式
  • 原生JS实现简单的倒计时功能示例
  • js几秒以后倒计时跳转示例
  • 一个不错的js html页面倒计时可精确到秒
  • js实现点击获取验证码倒计时效果
  • Javascript实现商品秒杀倒计时(时间与服务器时间同步)

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

js倒计时"

若转载请注明出处: js实现简单的倒计时
本文地址: https://pptw.com/jishu/594347.html
javascript实现数字时钟效果 Vue实现圆环进度条的示例

游客 回复需填写必要信息