同一页面多个商品倒计时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实现的WEB页面跳转以及页面间传值方法
May 13 Javascript
javascript实现数字+字母验证码的简单实例
Feb 10 Javascript
jQuery ajax调用WCF服务实例
Jul 16 Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 Javascript
Javascript限制网页只能在微信内置浏览器中访问
Nov 09 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
Mar 11 Javascript
JavaScript探测CSS动画是否已经完成的方法
Aug 30 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
Nov 07 Javascript
详解Vue 动态添加模板的几种方法
Apr 25 Javascript
vue 动态绑定背景图片的方法
Aug 10 Javascript
Vuejs2 + Webpack框架里,模拟下载的实例讲解
Sep 05 Javascript
koa2的中间件功能及应用示例
Mar 05 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
Windows下的PHP5.0安装配制详解
2006/09/05 PHP
那些年一起学习的PHP(三)
2012/03/22 PHP
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
PHP基础之运算符的使用方法
2013/04/28 PHP
php上传图片客户端和服务器端实现方法
2015/03/30 PHP
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
nodejs导出excel的方法
2015/06/30 NodeJs
jQuery拖动布局其结果保存到数据库
2015/10/09 Javascript
浅析BootStrap模态框的使用(经典)
2016/04/29 Javascript
基于vue 开发中出现警告问题去除方法
2018/01/25 Javascript
vue集成百度UEditor富文本编辑器使用教程
2018/09/21 Javascript
js自定义input文件上传样式
2018/10/26 Javascript
小程序分页实践之编写可复用分页组件
2019/07/18 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
2020/01/16 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
VUE项目实现主题切换的多种方法
2020/11/26 Vue.js
layui使用及简单的三级联动实现教程
2020/12/01 Javascript
[51:15]完美世界DOTA2联赛PWL S2 PXG vs Magma 第一场 11.21
2020/11/24 DOTA
Python实现字典去除重复的方法示例
2017/07/31 Python
python下实现二叉堆以及堆排序的示例
2017/09/29 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
对numpy下的轴交换transpose和swapaxes的示例解读
2019/06/26 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
惠普墨西哥官方商店:HP墨西哥
2016/12/01 全球购物
激光脱毛、蓝光和护肤:Tria Beauty
2019/03/28 全球购物
函授本科毕业生自我鉴定
2013/10/16 职场文书
专科毕业生自我鉴定
2013/12/01 职场文书
茶叶生产计划书
2014/01/10 职场文书
社会学专业学生职业规划书
2014/02/07 职场文书
小学生评语大全
2014/04/18 职场文书
党员承诺践诺书
2014/05/20 职场文书
商务英语求职信范文
2015/03/19 职场文书
2016猴年开门红标语口号
2015/12/26 职场文书
读《庄子》有感:美而不自知
2019/11/06 职场文书
如何利用python创作字符画
2022/06/25 Python