本文实例为大家分享了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 "htmlcode">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();以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
更新日志
2024年09月25日
2024年09月25日
- 林忆莲.2019-0(2023精装版)【环球】【WAV+CUE】
- Supper.Moment.2016-The.Moment【寰亚】【FLAC分轨】
- 范莉丝.1979-送郎一朵牵牛花(LP版)【大联机构】【WAV+CUE】
- 刘宇.2024-宇宙诗人【哔哟哔哟文化】【FLAC分轨】
- 《全景声白噪音》沉浸式大自然助眠 带你听自然的声音[mp3]
- 纯音入心系列纯音乐《古筝精选 十指弹一赏心曲一心奏出世人心》1CD[MP3][582MB]
- 纯音入心系列纯音乐《古筝与现代音乐的交织》1CD[MP3][96MB]
- 王俪婷.2011-ROMANCE【华研国际】【WAV+CUE】
- 狮子合唱团.2016-LION(引进版)【华纳】【WAV+CUE】
- 范文芳.1996-FNNTASY【HYPE】【WAV+CUE】
- 纯音入心系列纯音乐《韵味古筝曲》1CD[MP3][146.2MB]
- 纯音入心系列纯音乐《古筝系列-传统乐曲》1CD[MP3][974.7MB]
- 纯音入心系列纯音乐《古筝系列-弦凝指咽声停处》1CD[MP3][656.5MB]
- 群星.1994-大烂片2辑【派森】【WAV+CUE】
- 吴倩莲.1997-望爱【EMI百代】【WAV+CUE】