国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js實現網頁同時進行多個倒計時功能

2019-11-19 12:04:30
字體:
來源:轉載
供稿:網友

本文實例為大家分享了js實現網頁同時進行多個倒計時的具體代碼,供大家參考,具體內容如下

創建一個時間類Timer.

每個商品的倒計時生成一個實例:var time = new Timer();

/***startime 應該是毫秒數*/ var Alarm = function (startime, endtime, countFunc, endFunc) {    this.time = Math.floor((endtime - startime) / 1000); //時間    this.countFunc = countFunc; //計時函數    this.endFunc = endFunc; //結束函數    this.flag = 't' + Date.parse(new Date()); //  };Alarm.prototype.start = function () {  var self = this;   self.flag = setInterval(function () {    if (self.time < 0) {      clearInterval(self.flag);      self.endFunc();      console.log('計時結束');    } else {      var minute, hour, day, second;      day = Math.floor(self.time / 60 / 60 / 24) < 10 ? '0' + Math.floor(self.time / 60 / 60 / 24) : Math.floor(self.time / 60 / 60 / 24);      hour = Math.floor(self.time / 60 / 60 % 24) < 10 ? '0' + Math.floor(self.time / 60 / 60 % 24) : Math.floor(self.time / 60 / 60 % 24);      minute = Math.floor(self.time / 60 % 60) < 10 ? '0' + Math.floor(self.time / 60 % 60) : Math.floor(self.time / 60 % 60);      second = Math.floor(self.time % 60) < 10 ? '0' + Math.floor(self.time % 60) : Math.floor(self.time % 60);      //倒計時執行函數      self.countFunc(second, minute, hour, day);      self.time--;    }  }, 1000);}

如果調用:

var time1 = new Alarm(startime, endtime, countFunc, endFunc);time1.start(); var time2 = new Alarm(startime, endtime, countFunc, endFunc);time2.start();...

調用示例:

var countTime = function () {  var eles = $('.count_time'),    len = eles.length;  for (; len > 0; len--) {    var ele = eles.eq(len - 1);    (function (ele) {      startTime = new Date(ele.attr('data-start-time')).getTime(),          endTime = new Date(ele.attr('data-end-time')).getTime(),          alarm = new Alarm(startTime, endTime, function (second, minute, hour, day) { //計時鐘            ele.text(hour + ':' + minute + ':' + second);          }, function () { //倒計時結束            ele.text('00:00:00');            window.location.reload();          });      alarm.start();    })(ele);  }};countTime();

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 六安市| 邯郸县| 平邑县| 绥江县| 镇巴县| 吴旗县| 治县。| 沿河| 河曲县| 嘉峪关市| 柯坪县| 鹿泉市| 广宁县| 永登县| 镇坪县| 苏尼特左旗| 雷州市| 将乐县| 高清| 拜泉县| 清原| 沂南县| 斗六市| 峨眉山市| 荣昌县| 航空| 霍林郭勒市| 屯留县| 昌宁县| 丹巴县| 嘉定区| 天台县| 光泽县| 昆山市| 屏边| 惠安县| 拉萨市| 微山县| 五常市| 沾益县| 新邵县|