js倒计时

JS倒计时
2014-10-27 11:20:26
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>

收起

展开全文

javascript

jquery JS 倒计时 可调节倒计时的时间，格式jquery JS 倒计时 可调节倒计时的时间，格式jquery JS 倒计时 ...
2015-02-01 16:47:09
jquery JS 倒计时 可调节倒计时的时间，格式
收起

JS 倒计时

千次阅读 2018-03-24 14:25:06

本文有3个倒计时功能的Demo： 1.时间戳转换成时间格式倒计时 2.倒计时60秒 3.时间格式的数据直接开始倒计时 直接上代码了： 1.时间戳转换成时间格式倒计时 <text>{{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倒计时_javascript倒计时
2017-02-17 11:44:55
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

收起

展开全文

JS倒计时

js倒计时

js 倒计时

jquery JS 倒计时可调节倒计时的时间，格式jquery JS 倒计时可调节倒计时的时间，格式jquery JS 倒计时 ...

JS 倒计时

JS倒计时_javascript倒计时

Js 倒计时

js倒计时

JS倒计时

js倒计时

js 倒计时

jquery JS 倒计时 可调节倒计时的时间，格式jquery JS 倒计时 可调节倒计时的时间，格式jquery JS 倒计时 ...

JS 倒计时

JS倒计时_javascript倒计时

Js 倒计时

js倒计时

jquery JS 倒计时可调节倒计时的时间，格式jquery JS 倒计时可调节倒计时的时间，格式jquery JS 倒计时 ...