zoukankan      html  css  js  c++  java
  • 倒计时.js

    function getDouble(n){

       if(n > 9){

           return n;

       }else{

           return "0" + n;

    function diffTime(startTime, endTime) {

        var dTime = endTime - startTime;

        var day,hour,minute,second;

        var interval =  dTime / 1000;

        second = getDouble(Math。floor(interval % 60));

        minute = getDouble(Math。floor(interval / 60 % 60));

        hour = getDouble(Math。floor(interval / 60 / 60 % 24));

        day = getDouble(Math。floor(interval / 60 / 60 / 24));

        if(dTime > 0) {

            return{

              day: day,

              hour: hour,

              minute: minute,

              second: second

          } else {

            return clearInterval(timeId);

          }
        }

    var endTime = new Date(“2020-11-11 0:0:0”);

    var day = document。querySelectir(“#day”);

    var hour = document。querySelectir(“#hour”);

    var minute = document。querySelectir(“#minute“);

    var second = document。querySelectir(“#second“);

    function countDown(){

      var startTime = new Date();

      var diffTime = diffTime(startTime,endTime);

      if = diffTime

          day。innerHTML = diffTime。day;

          hour。innerHTML = diffTime。hour;

          minute。innerHTML = diffTime。minute;

          second。innerHTML = diffTime。second;

    countDown();

    var timeId = setInterval(countDown, 1000);

    <span id = "day">00</span>

    <span id = "hour">00</span>

    <span id = "minute">00</span>

    <span id = "second">00</span>

  • 相关阅读:
    OpenCASCADE Chamfer 3D Basics
    OpenCASCADE Chamfer 2D
    .NetCore 连接 Oracle 数据库,直接C# 或者 ORM框架(EFCore、XPO)
    心内科疾病指南
    HttpClient 调用 RestAPI 接口的用法
    在 Blazor 应用中使用 DevExtreme widgets
    2021 最近一次检查甘油三脂,验证苯扎贝特的效果。
    紫鹊界本味湘菜,
    如何Rest接口获取网上的股票数据,有哪些资源?-- 推荐Tushare金融数据
    优秀常用的「资源搜索网站」,收藏
  • 原文地址:https://www.cnblogs.com/pxxdbk/p/12503282.html
Copyright © 2011-2022 走看看