用户名: 用QQ登录本站
密 码: 注册
验证码:
首页 软件 编程 笑话 知识 公告 日历 计算器 行情 简化版
文明驾车我带头,文明行路我带头,礼貌让座我带头      

[公益] 节省一分零钱 献出一份爱心 温暖世间真情      
广告位招租中
2021年 劳动节 12
2021年 端午节 56
2022年 元 旦 257
2022年 春 节 288
 
  • 您现在的位置:首页 >> JS >> 内容

    js实现简单的倒计时

    内容摘要: !DOCTYPE htmlhtml lang='en'head meta charset='UTF-8' meta name='viewport' content='width=device-width, initial-scale=1.0' titleDocument/title script src='./3.小于10补零封装.js'/script st......

      <!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>

      版权声明:本内容来源于互联网,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。


    发布日期:2021/1/28 发布时间:16:56:01 点击:505 录入:齐天大圣
  • 上一篇:JavaScript实现下拉列表
  • 下一篇:JS相册图片抖动放大展示效果的示例代码
  • 本类新增
    本类热门文章
    Baidu

    YiJiaCMS V5.01 Build 21.03.31(MSSQL) 闽ICP备05000814号-1
    本空间由景安网络提供,百度云加速提供加速防护
    齐天大圣® 制 作 ©2000-2021