同一页面多个商品倒计时JS,面向对象的oo-javascript
2011-12-07 02:07
399 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="__JS/jquery-1.6.4.min.js" type="text/javascript"></script> <script type="text/javascript"> function showTime(tuanid, time_distance) { this.tuanid = tuanid; //PHP时间是秒,JS时间是微秒 this.time_distance = time_distance * 1000; } showTime.prototype.setTimeShow = function () { var timer = $("#lefttime_" + this.tuanid); var str_time; var int_day, int_hour, int_minute, int_second; time_distance = this.time_distance; this.time_distance = this.time_distance - 1000; if (time_distance > 0) { int_day = Math.floor(time_distance / 86400000); time_distance -= int_day * 86400000; int_hour = Math.floor(time_distance / 3600000); time_distance -= int_hour * 3600000; int_minute = Math.floor(time_distance / 60000); time_distance -= int_minute * 60000; int_second = Math.floor(time_distance / 1000); if (int_hour < 10) int_hour = "0" + int_hour; if (int_minute < 10) int_minute = "0" + int_minute; if (int_second < 10) int_second = "0" + int_second; str_time = int_day + "天" + int_hour + "小时" + int_minute + "分钟" + int_second + "秒"; timer.text(str_time); var self = this; setTimeout(function () { self.setTimeShow(); }, 1000); //D:正确 } else { timer.text("团购结束"); return; } } </script> </head> <body> <div id="lefttime_1" time="2011/11/23 6:58:23"> </div> <script type="text/javascript"> var st = new showTime(1,3); //st.tuanid = 1; //st.time_distance = 10000; st.setTimeShow(); </script> <div id="lefttime_2" time="2011/11/24 6:58:23"> </div> <script type="text/javascript"> var st = new showTime(2, 5); //st.tuanid = 1; //st.time_distance = 10000; st.setTimeShow(); </script> </body> </html>
相关文章推荐
- 同一页面多个商品倒计时JS,面向对象的oo-javascript
- 同一页面多个商品倒计时JS 基于面向对象的javascript
- 同一页面多个商品倒计时JS 基于面向对象的javascript
- html JavaScript js倒计时跳转页面
- JavaScript面向对象(三)——继承与闭包、JS实现继承的三种方式
- JavaScript:用JS实现加载页面前弹出模态框
- JS实现商品倒计时实现代码
- node.js学习之路(二)之“深入理解面向对象的JavaScript”
- 用javascript实现仿163的js广告向下挤压页面的效果
- javascript 获取滚动条高度+常用js页面宽度与高度
- 悟透JavaScript(理解JS面向对象的好文章)
- [JavaScript] js获取当前页面url网址信息
- JavaScript:使用js实现发送邮箱验证码,按钮倒计时
- js促销商品倒计时
- [转] javascript 获取滚动条高度+常用js页面宽度与高度
- js实现发送短信验证码后的倒计时功能(无视页面刷新)
- Acticle 11:javascript面向对象:js的面向对象
- 韩顺平 javascript教学视频_学习笔记19_js面向对象三大特征(封装,继承,多态)
- js+html5实现页面可刷新的倒计时效果
- JS倒计时页面跳转