同一页面多个商品倒计时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 相关文章推荐
js或css文件后面跟参数的原因说明
Jan 09 Javascript
jQuery 获取URL参数的插件
Mar 04 Javascript
node.js中使用node-schedule实现定时任务实例
Jun 03 Javascript
jquery实现的美女拼图游戏实例
May 04 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
Jul 22 Javascript
js实现漫天星星效果
Jan 19 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
Feb 09 Javascript
vue mint-ui tabbar变组件使用
May 04 Javascript
vue中img src 动态加载本地json的图片路径写法
Apr 25 Javascript
vue指令做滚动加载和监听等
May 26 Javascript
微信小程序监听用户登录事件的实现方法
Nov 11 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
深入浅析php中sprintf与printf函数的用法及区别
2016/01/08 PHP
关于扩展 Laravel 默认 Session 中间件导致的 Session 写入失效问题分析
2016/01/08 PHP
Zend Framework数据库操作技巧总结
2017/02/18 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
JavaScript 乱码问题
2009/08/06 Javascript
Visual Studio中的jQuery智能提示设置方法
2010/03/27 Javascript
javascript解决innerText浏览器兼容问题思路代码
2013/05/17 Javascript
javascript简单性能问题及学习笔记
2014/02/04 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
取得元素的左和上偏移量的方法
2014/09/17 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
java必学必会之static关键字
2015/12/03 Javascript
JavaScript你不知道的一些数组方法
2017/08/18 Javascript
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
vue favicon设置以及动态修改favicon的方法
2018/12/21 Javascript
atom-design(Vue.js移动端组件库)手势组件使用教程
2019/05/16 Javascript
小程序富文本提取图片可放大缩小
2020/05/26 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
2020/10/29 Javascript
[36:41]完美世界DOTA2联赛循环赛FTD vs Magma第一场 10月30日
2020/10/31 DOTA
Python 序列的方法总结
2016/10/18 Python
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
python中yaml配置文件模块的使用详解
2018/04/27 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
一篇文章彻底搞懂Python中可迭代(Iterable)、迭代器(Iterator)与生成器(Generator)的概念
2019/05/13 Python
Python函数中的可变长参数详解
2019/09/12 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
PatPat德国:妈妈的每日优惠
2019/10/02 全球购物
俄罗斯大型在线书店:Читай-город
2019/10/10 全球购物
苏格兰领先的多渠道鞋店:Begg Shoes
2019/10/22 全球购物
经销商会议欢迎词
2014/01/11 职场文书
《伯牙绝弦》教学反思
2014/03/02 职场文书
大班幼儿评语大全
2014/04/30 职场文书
如何书写邀请函?
2019/06/24 职场文书
vue实现锚点定位功能
2021/06/29 Vue.js
linux下安装redis图文详细步骤
2021/12/04 Redis