精华内容
下载资源
问答
  • JS倒计时

    2014-10-27 11:20:26
    JS倒计时
  • js倒计时

    2015-12-03 20:00:04
    js倒计时
    (function($){

    /******

    str 的格式为:2017-12-03样式的字符串

    id 为:显示倒计时时间的html节点

    功能:倒计时

    ********/

      $.fn.downTime=function(str,id){

        setInterval(function(){           

                var time1=(new Date()).getTime();
                var time2=new Date(str).getTime();
                var time=Math.floor((time2-time1)/1000);
                var days=Math.floor(time/60/60/24);
                var hours=Math.floor((time-days*24*60*60)/60/60);
                var minutes=Math.floor((time-days*24*60*60-hours*60*60)/60);
                var seconds=Math.floor(time-days*24*60*60-hours*60*60-minutes*60);
                var times=days+"天"+hours+"时"+minutes+"分"+seconds+"秒";
                time--;
                if(time<=0){
                    $("#"+id).html("");
                    clearInterval();
                    return;
                }
               $("#"+id).html(times)
            },1000);

    };




    })(jQuery);
    展开全文
  • js 倒计时

    2017-08-15 17:51:54
    突然想到的 <!DOCTYPE html> <title>js倒计时 <div id="newdata"></div> <div id="olddata"></div> </body

    突然想到的

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>js倒计时</title>
        </head>
        <body>
            <div id="newdata"></div>
            <div id="olddata"></div>
        </body>
    </html>
    <script>
        function show(){
            setInterval(function(){
                var odata = new Date();
                var oyears = odata.getFullYear(); 
                var omonth = odata.getMonth()+1;
                var oday = odata.getDate();
                var ohours = odata.getHours();
                var ominutes = odata.getMinutes();
                var oseconds = odata.getSeconds();
                //时间表
                document.getElementById('newdata').innerHTML = oyears +'-'+ omonth+'-'+oday+'   '+ohours+':'+ominutes+':'+oseconds ;
                //倒计时
                var amonth = 12-omonth; 
    //          var arr = new Array();  本来打算把每月的天数存放到数组里
                var days = 0;
                if(omonth == 1||omonth == 3||omonth == 5||omonth == 7||omonth ==8||omonth == 10||omonth == 12){
                    days = 31;
                }else if(omonth == 2){
                    if(oyears%4 == 0&&oyears%100!=0&&oyears%400==0){ //四年一闰百年不闰四百年又闰
                        days = 29;
                    }else{
                        days =28;
                    }
                }else{
                    days = 30;
                }
                var aday = days-oday;
                var ahours = 24-ohours;
                var amintes = 60-ominutes;
                var aseconds = 60-oseconds;
                document.getElementById('olddata').innerHTML = '倒计时:'+oyears +'年还剩'+ amonth+'个月'+aday+'天'+ahours+'小时'+amintes+'分钟'+aseconds +'秒';
    
            },1000);
    
        }
        show();
    
    </script>
    
    展开全文
  • jquery JS 倒计时 可调节倒计时的时间,格式
  • JS 倒计时

    千次阅读 2018-03-24 14:25:06
    本文有3个倒计时功能的Demo:  1.时间戳转换成时间格式倒计时  2.倒计时60秒  3.时间格式的数据直接开始倒计时   直接上代码了: 1.时间戳转换成时间格式倒计时 &lt;text&gt;{{hhh}}:{{mmm}}:{{...

    本文有3个倒计时功能的Demo:

       1.时间戳转换成时间格式倒计时

       2.倒计时60秒

       3.时间格式的数据直接开始倒计时

     

    直接上代码了:

    1.时间戳转换成时间格式倒计时

    <text>{{hhh}}:{{mmm}}:{{sss}}</text>
    Page({
      // 倒计时
      count_down: function (countDown_time) {
        var that = this;
        var time = countDown_time.split(':')
        var hhh = parseInt(time[0])
        var mmm = parseInt(time[1])
        var sss = parseInt(time[2])
        this.setData({
          sss: (sss < 10) ? '0' + sss : sss,
          mmm: (mmm < 10) ? '0' + mmm : mmm,
          hhh: (hhh < 10) ? '0' + hhh : hhh
        })
        var Interval = setInterval(function () {
          if (sss > 0) {
            sss--
          } else {
            if (sss && mmm && hhh == 0) {
              clearInterval(Interval)
              console.log('时间到')
            }
          }
          }
          if (sss == 0) {
            if (mmm > 0) {
              mmm--
              sss = 59;
            }
            if (mmm == 0 && hhh > 0) {
              hhh--
              sss = 59;
              mmm = 59;
            }
          }
          that.setData({
            sss: (sss < 10) ? '0' + sss : sss,
            mmm: (mmm < 10) ? '0' + mmm : mmm,
            hhh: (hhh < 10) ? '0' + hhh : hhh
          })
        }, 1000)
      },
      // 时间戳转换成时分秒
      timestampToTime: function(timestamp) {
        var date = new Date(timestamp);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
        var h = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
        var m = date.getMinutes() < 10 ? '0' + date.getMinutes() + ':' : date.getMinutes() + ':';
        var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
        return h + m + s;
      },
      onLoad: function (options) {
        var countDown_time = new Date().getTime();
        this.count_down(this.timestampToTime(countDown_time))
      }
    })
    

    2.倒计时60秒:

    <view>{{time}}</view>
    var test_number = 60
    Page({
      count_down: function () {
        var _this = this;
        setInterval(function () {
          test_number--
          if (test_number >= 0) {
            _this.setData({
              time: test_number
            })
          }else{
            console.log('我已经到0了')
          }
        }, 1000)
      },
      onShow: function () {
        this.count_down()
      }
    })

    3.时间格式实现倒计时

    <text>{{hhh}}:{{mmm}}:{{sss}}</text>
    Page({
      onLoad:function(){
        var end_time = '06:22:10';
        this.count_down(end_time);
      },
      // 倒计时
      count_down: function (countDown_time) {
        var that = this;
        var time = countDown_time.split(':')
        var hhh = parseInt(time[0])
        var mmm = parseInt(time[1])
        var sss = parseInt(time[2])
        this.setData({
          sss: (sss < 10) ? '0' + sss : sss,
          mmm: (mmm < 10) ? '0' + mmm : mmm,
          hhh: (hhh < 10) ? '0' + hhh : hhh
        })
        var Interval = setInterval(function () {
          if (sss > 0) {
            sss--
          } else {
            if (sss && mmm && hhh == 0) {
              clearInterval(Interval)
              console.log('时间到')
            }
          }
          }
          if (sss == 0) {
            if (mmm > 0) {
              mmm--
              sss = 59;
            }
            if (mmm == 0 && hhh > 0) {
              hhh--
              sss = 59;
              mmm = 59;
            }
          }
          that.setData({
            sss: (sss < 10) ? '0' + sss : sss,
            mmm: (mmm < 10) ? '0' + mmm : mmm,
            hhh: (hhh < 10) ? '0' + hhh : hhh
          })
        }, 1000)
      }
    })
    

    毫秒转成时分秒倒计时

        count_down(84557095);  
    
    // 倒计时
      count_down: function(countDown_time) {
        var that = this;
        var days = parseInt(countDown_time / (1000 * 60 * 60 * 24));
        var hours = parseInt((countDown_time % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = parseInt((countDown_time % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = (countDown_time % (1000 * 60)) / 1000;
        var aaaa = hours + ":" + minutes + ":" + seconds;
        var time = aaaa.split(':')
        var hhh = parseInt(time[0])
        var mmm = parseInt(time[1])
        var sss = parseInt(time[2])
        this.setData({
          sss: (sss < 10) ? '0' + sss : sss,
          mmm: (mmm < 10) ? '0' + mmm : mmm,
          hhh: (hhh < 10) ? '0' + hhh : hhh
        })
        var Interval = setInterval(function() {
            if (sss > 0) {
              sss--
            } else {
              if (sss && mmm && hhh == 0) {
                clearInterval(Interval)
                console.log('时间到')
              }
            }
            if (sss == 0) {
              if (mmm > 0) {
                mmm--
                sss = 59;
              }
              if (mmm == 0 && hhh > 0) {
                hhh--
                sss = 59;
                mmm = 59;
              }
            }
            that.setData({
              sss: (sss < 10) ? '0' + sss : sss,
              mmm: (mmm < 10) ? '0' + mmm : mmm,
              hhh: (hhh < 10) ? '0' + hhh : hhh
            })
          },
          1000)
      },

     

    展开全文
  • JS倒计时
  • Js 倒计时

    2019-10-04 19:48:44
    /** * 倒计时 * 思路:去两个时间差,根据时间差获得的毫秒数计算天、小时、分、秒数据 * in_endTime : 倒计时结束时间 * divname :显示倒计时内容位置 **/ function ShowCountDown(in_endTime,divname){ ...


      var interval = 1000; 
      /**
        *   倒计时
        *   思路:去两个时间差,根据时间差获得的毫秒数计算天、小时、分、秒数据
        *   in_endTime : 倒计时结束时间
        *   divname :显示倒计时内容位置
      **/
      function ShowCountDown(in_endTime,divname){ 
                var start_time =  new Date();
                var end_time = eval('new Date(' + in_endTime.replace(/\d+(?=-[^-]+$)/, function (a) { return parseInt(a, 10) - 1; }).match(/\d+/g) + ')');
                var date3 = end_time.getTime()-start_time.getTime()  //时间差的毫秒数
                //计算出相差天数
                var days=Math.floor(date3/(24*3600*1000))
                //计算出小时数
                var leave1=date3%(24*3600*1000)    //计算天数后剩余的毫秒数
                var hours=Math.floor(leave1/(3600*1000))
                //计算相差分钟数
                var leave2=leave1%(3600*1000)        //计算小时数后剩余的毫秒数
                var minutes=Math.floor(leave2/(60*1000))
                //计算相差秒数
                var leave3=leave2%(60*1000)      //计算分钟数后剩余的毫秒数
                var seconds=Math.round(leave3/1000)

                var cc = document.getElementById(divname);
                if (days<=0&&hours<=0&&minutes<=0) {
                  alter("倒计时已结束")
                   
                }
                else
                {
                    cc.innerHTML = days+"天"+hours+"小时"+minutes+"分"+seconds+"秒"; 
                }
            }
     time1 = window.setInterval(function(){ShowCountDown("2016-06-01 12:00","ShowInfo_ID");}, interval);

    转载于:https://www.cnblogs.com/weiaiy/p/5563649.html

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,350
精华内容 2,140
关键字:

js倒计时