zoukankan      html  css  js  c++  java
  • js倒计时(可定义截止日期)

    1 <div id="times_wrap" class="time_num">
    2     距离结束时间:
    3     <div class="time_w">
    4         <b id="times_d" class="time"> </b>5         <b id="times_h" class="time"> </b>6         <b id="times_m" class="time"> </b>7         <b id="times_s" class="time"> </b>8     </div>
    9 </div>
     1 var time_wrap = document.getElementById("times_wrap");
     2     var time_d = document.getElementById("times_d");
     3     var time_h = document.getElementById("times_h");
     4     var time_m = document.getElementById("times_m");
     5     var time_s = document.getElementById("times_s");
     6 
     7     var time_end = new Date("2015/9/30 18:00:00");  // 设定结束时间
     8     time_end = time_end.getTime();
     9 
    10     function show_time(){
    11         var time_now = new Date();  // 获取当前时间
    12         time_now = time_now.getTime();
    13         var time_distance = time_end - time_now;  // 结束时间减去当前时间
    14         var int_day, int_hour, int_minute, int_second;
    15         if(time_distance >= 0){
    16             // 天时分秒换算
    17             int_day = Math.floor(time_distance/86400000)
    18             time_distance -= int_day * 86400000;
    19             int_hour = Math.floor(time_distance/3600000)
    20             time_distance -= int_hour * 3600000;
    21             int_minute = Math.floor(time_distance/60000)
    22             time_distance -= int_minute * 60000;
    23             int_second = Math.floor(time_distance/1000)
    24 
    25             // 时分秒为单数时、前面加零站位
    26             if(int_hour < 10)
    27                 int_hour = "0" + int_hour;
    28             if(int_minute < 10)
    29                 int_minute = "0" + int_minute;
    30             if(int_second < 10)
    31                 int_second = "0" + int_second;
    32 
    33             // 显示时间
    34             time_d.innerHTML = int_day;
    35             time_h.innerHTML = int_hour;
    36             time_m.innerHTML = int_minute;
    37             time_s.innerHTML = int_second;
    38         }else{
    39             time_d.innerHTML = time_d.innerHTML;
    40             time_h.innerHTML = time_h.innerHTML;
    41             time_m.innerHTML = time_m.innerHTML;
    42             time_s.innerHTML = time_s.innerHTML;
    43         }
    44     };
    45     window.setInterval(function(){
    46         show_time();
    47     }, 1000);
  • 相关阅读:
    P1280 尼克的任务
    P2286 [HNOI2004]宠物收养场
    筛法求素数
    拓扑排序
    观光旅游
    [USACO09OCT]热浪Heat Wave
    Java环境变量配置
    git 常用命令
    mysql-5.7安装、配置
    maven-java包管理工具-01
  • 原文地址:https://www.cnblogs.com/xinxingyu/p/4839243.html
Copyright © 2011-2022 走看看