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

    时隔大半年我终于又回来了、以后争取每周一更,好了不多说了下面开始我的代码升级模式。

    1、网页分成三个层次,即:html(结构层)、css(表示层)、行为层(JavaScript)。

    HTML:

    CSS: 

    js:

    为了你们好看  我就不截图了。

    <script>
      $(function(){
      show_time();
      });
      function show_time(){
        var time_start = new Date().getTime(); //设定当前时间
        var time_end = new Date("2016/02/07 24:00:00").getTime(); //设定目标时间
        // 计算时间差
        var time_distance = time_end - time_start;
        // 天
        var int_day = Math.floor(time_distance/86400000)
        time_distance -= int_day * 86400000;
        // 时
        var int_hour = Math.floor(time_distance/3600000)
        time_distance -= int_hour * 3600000;
        // 分
        var int_minute = Math.floor(time_distance/60000)
        time_distance -= int_minute * 60000;
        // 秒
        var int_second = Math.floor(time_distance/1000)


        // 时分秒为单数时、前面加零
        if(int_day < 10){
          int_day = "0" + int_day;
        }
        if(int_hour < 10){
          int_hour = "0" + int_hour;
        }
        if(int_minute < 10){
          int_minute = "0" + int_minute;
        }
        if(int_second < 10){
          int_second = "0" + int_second;
        }


        // 显示时间
      $("#time_d").val(int_day);
      $("#time_h").val(int_hour);
      $("#time_m").val(int_minute);
      $("#time_s").val(int_second);
      // 设置定时器
      setTimeout("show_time()",1000);
      }
    </script>

    好了 就这么简单  好久没有写   依旧那么难看、所以只看效果、不看外观。 



  • 相关阅读:
    【MySql存储过程】DATE_ADD用法
    MySQL日期时间函数大全
    mysql中增加某一时间段内的时间数据(包含:时间、年、月、日、第几周、季度)
    webService学习之路(二):springMVC集成CXF快速发布webService
    WebService 学习之路(一):了解并使用webService
    Python 运算符简介与用法
    python实现排列组合公式C(m,n)求值
    Python 学会字典 干货
    Python代码实现视频字符化
    python处理txt文件操作
  • 原文地址:https://www.cnblogs.com/ice-ice/p/5064215.html
Copyright © 2011-2022 走看看