同一页面多个商品倒计时JS 基于面向对象的javascript


Posted in Javascript onFebruary 16, 2012
<!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="http://img.3water.com/jslib/jquery/jquery-1.7.1.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>

上面的代码需要用到jquery,大家可以注意下
Javascript 相关文章推荐
javascript 跨浏览器开发经验总结(五) js 事件
May 19 Javascript
JavaScript起点(严格模式深度了解)
Jan 28 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
微信小程序(应用号)简单实例应用及实例详解
Sep 26 Javascript
修改ligerui 默认确认按钮的方法
Dec 27 Javascript
JS实现动态修改table及合并单元格的方法示例
Feb 20 Javascript
vue 路由页面之间实现用手指进行滑动的方法
Feb 23 Javascript
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
微信小程序拖拽排序列表的示例代码
Jul 08 Javascript
详解JavaScript 中的批处理和缓存
Nov 19 Javascript
微信小程序视频弹幕发送功能的实现
Dec 28 Javascript
js实现简单图片拖拽效果
Feb 22 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
Feb 16 #Javascript
通过JS获取用户本地图片路径并显示的代码
Feb 16 #Javascript
javascript简易缓动插件(源码打包)
Feb 16 #Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
Feb 16 #Javascript
js URL参数的拼接方法比较
Feb 15 #Javascript
javascript题目,重写函数让其无限相加
Feb 15 #Javascript
用JQUERY增删元素的代码
Feb 14 #Javascript
You might like
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
yii2超好用的日期组件和时间组件
2016/05/05 PHP
javascript对数组的常用操作代码 数组方法总汇
2011/01/27 Javascript
jquery 插件学习(三)
2012/08/06 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
2015/08/31 Javascript
js实现文字滚动效果
2016/03/03 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
2017/01/04 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
React 条件渲染最佳实践小结(7种)
2020/09/27 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
2020/11/11 Javascript
[46:43]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第三局
2016/02/28 DOTA
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
linux系统使用python监测网络接口获取网络的输入输出
2014/01/15 Python
python根据出生年份简单计算生肖的方法
2015/03/27 Python
python实现ID3决策树算法
2017/12/20 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
手写一个python迭代器过程详解
2019/08/27 Python
python线程定时器Timer实现原理解析
2019/11/30 Python
Pandas+Matplotlib 箱式图异常值分析示例
2019/12/09 Python
python合并多个excel文件的示例
2020/09/23 Python
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
澳大利亚儿童精品仓库:Goo & Co.
2019/06/20 全球购物
Nasty Gal英国:美国女性服饰销售网站
2021/03/02 全球购物
自行车租赁公司创业计划书
2014/01/28 职场文书
法学毕业生自我鉴定
2014/01/31 职场文书
《彭德怀和他的大黑骡子》教学反思
2014/04/12 职场文书
倡议书范文
2014/04/16 职场文书
大学新生入学教育方案
2014/05/16 职场文书
预备党员转正考核材料
2014/06/03 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书
奖学金申请书(范文)
2019/08/14 职场文书