同一页面多个商品倒计时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 相关文章推荐
基于jquery点击自以外任意处,关闭自身的代码
Feb 10 Javascript
JavaScript判断一个字符串是否包含指定子字符串的方法
Mar 18 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
深入理解JS中的substr和substring
Apr 26 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
Sep 19 Javascript
基于原生js淡入淡出函数封装(兼容IE)
Oct 20 Javascript
手淘flexible.js框架使用和源代码讲解小结
Oct 15 Javascript
vue使用axios上传文件(FormData)的方法
Apr 14 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
Aug 01 Javascript
详解JWT token心得与使用实例
Aug 02 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
Sep 24 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
Nov 13 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
PHP6 先修班 JSON实例代码
2008/08/23 PHP
CodeIgniter输出中文乱码的两种解决办法
2014/06/12 PHP
自己写的兼容低于PHP 5.5版本的array_column()函数
2014/10/24 PHP
PHP针对字符串开头和结尾的判断方法
2016/07/11 PHP
详解php中的implements 使用
2017/06/13 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
php使用curl获取header检测开启GZip压缩的方法
2018/08/15 PHP
实例讲解PHP表单处理
2019/02/15 PHP
一款JavaScript压缩工具:X2JSCompactor
2007/06/13 Javascript
jQuery实现多级联动下拉列表查询框
2016/01/18 Javascript
webpack学习--webpack经典7分钟入门教程
2017/06/28 Javascript
GOJS+VUE实现流程图效果
2018/12/01 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
Python内置数据类型详解
2014/08/18 Python
Python使用metaclass实现Singleton模式的方法
2015/05/05 Python
Python常用内置模块之xml模块(详解)
2017/05/23 Python
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
python+selenium 鼠标事件操作方法
2019/08/24 Python
python网络编程之多线程同时接受和发送
2019/09/03 Python
Python StringIO如何在内存中读写str
2020/01/07 Python
python实现在一个画布上画多个子图
2020/01/19 Python
Python模块相关知识点小结
2020/03/09 Python
详解python 内存优化
2020/08/17 Python
python logging模块的使用详解
2020/10/23 Python
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
2013/01/09 HTML / CSS
如何用Java实现列出某个目录下的所有子目录
2015/07/20 面试题
关爱残疾人演讲稿
2014/05/24 职场文书
心得体会的写法
2014/09/05 职场文书
高一语文教学反思
2016/02/16 职场文书
浅谈Golang 嵌套 interface 的赋值问题
2021/04/29 Golang
Vue实现tab导航栏并支持左右滑动功能
2021/06/28 Vue.js
分位数回归模型quantile regeression应用详解及示例教程
2021/11/02 Python
vue如何清除浏览器历史栈
2022/05/25 Vue.js
HttpClient实现表单提交上传文件
2022/08/14 Java/Android
python如何利用cv2.rectangle()绘制矩形框
2022/12/24 Python