一个页面显示多个倒计时
来源:互联网 发布:永恒之塔男性捏脸数据 编辑:程序博客网 时间:2024/05/21 16:22
一个页面显示多个倒计时,主要用于电子商务网站
<script> function ReTime(){ this.ID = document.getElementById(arguments[0]); if(!this.ID) { alert("您要设置的 " + arguments[0] + " 初始化错误\r\n请检查标签ID设置是否正确!"); this.ID = -1; return; } this.StartTime = new Date().valueOf(); this.Finish = "00:00:00:00"; this.TimerID; if(typeof arguments[1] == "number" || typeof arguments[1] == "string")this.StartTime = arguments[1]; if(arguments.length >= 1)this.Start(); } ReTime.prototype.Start = function() { var Obj = this; var RunTime=0; Obj.Begin = function(){ RunTime++; var nMS = Obj.StartTime*1000-RunTime*10; var nD = Math.floor(nMS/(1000*60*60*24)); var nH=Math.floor(nMS/(1000*60*60))%24; var nM=Math.floor(nMS/(1000*60)) % 60; var nS=Math.floor(nMS/1000) % 60; var nms=Math.floor(nMS); // var c=new Date(); // var nQ=c.getMilliseconds(); // if(nQ<10)//因为毫秒为一位数时只占一个字符位置,会让毫秒二字变动位置 // { // nQ="00"+c.getMilliseconds(); // } // if(nQ>=10 && nQ<100)//因为毫秒为两位数时只占两个字符位置,会让毫秒二字变动位置 // { // nQ="0"+c.getMilliseconds(); // } Obj.Finish ="剩余"+nD+"天"+ nH+"时"+nM+"分"+nS+"秒"; if(nms<0){Obj.Finish = "已结束";window.clearInterval(Obj.TimerID);} Obj.ID.innerHTML = Obj.Finish; } Obj.TimerID = window.setInterval(Obj.Begin,10); } new ReTime("time-<?php echo $onegoods['id'] ?>","<?php if ($onegoods['start']-time()>=0){ echo $onegoods['start']-time(); }else{ echo $onegoods['end']-time(); }?>"); </script>
参数说明:
1.DOM元素的选择器。
2.倒计时的时间
0 0
- 一个页面显示多个倒计时
- 一个页面多个倒计时
- 一个页面多个倒计时 js
- jquery 页面多个倒计时
- 一个view显示多个model(一个页面显示多张表)
- js结合拍php建立倒计时功能(一个页面一个或者多个)
- JSP页面显示倒计时
- 如何实现同一个页面多个倒计时?
- js实现,同一页面多个倒计时
- js实现,同一页面多个倒计时
- jquery实现页面多个不同倒计时
- 在一个页面中显示多个activity
- 在一个页面中显示多个activity
- 在一个页面中显示多个activity
- 在一个页面显示多个iChart报表
- ViewPager实现一个页面多个Item的显示
- 一个页面上显示ViewPager的多个item问题
- JEECG 页面多个用户选择器只显示最后一个
- NOIP2015酱油记
- iOS Human Interface Guidelines资源收藏
- 【ojdbc14.jar】由于Oracle驱动ojdbc14.jar导致千万富翁破产之始末
- Android的Message机制(简单小结)
- SDCC 2015算法专场札记:知名互联网公司的算法实践
- 一个页面显示多个倒计时
- LINUX -ARP欺骗
- VC++的DLL应用(含Demo演示)
- C++primer plus第六版课后编程练习答案5.10
- Maven入门到项目搭建
- js 动态创建table并且为table 添加行列
- Properties中文键值读取乱码解决随记
- linux设备树笔记__自定义改造
- [LeetCode]Edit Distance