同一页面多个商品倒计时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 相关文章推荐
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
jquery创建表格(自动增加表格)代码分享
Dec 25 Javascript
jQuery判断checkbox是否选中的3种方法
Aug 12 Javascript
15款jQuery分布引导插件分享
Feb 04 Javascript
JS判断Android、iOS或浏览器的多种方法(四种方法)
Jun 29 Javascript
jQuery Datatables表头不对齐的解决办法
Nov 27 jQuery
Vue.js 2.0和Cordova开发webApp环境搭建方法
Feb 26 Javascript
详解redux异步操作实践
Aug 15 Javascript
对 Vue-Router 进行单元测试的方法
Nov 05 Javascript
js中数组对象去重的两种方法
Jan 18 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
Oct 27 Javascript
js前端面试常见浏览器缓存强缓存及协商缓存实例
Jun 21 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+MYSQL开发工具及资源收藏
2007/01/02 PHP
php实现的Cookies操作类实例
2014/09/24 PHP
php保存信息到当前Session的方法
2015/03/16 PHP
php开发工具有哪五款
2015/11/09 PHP
php swoft框架实例用法
2020/12/22 PHP
onpropertypchange
2006/07/01 Javascript
跟着Jquery API学Jquery之一 选择器
2010/04/07 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
通过JS动态创建一个html DOM元素并显示
2014/10/15 Javascript
简介JavaScript中的italics()方法的使用
2015/06/08 Javascript
分享12个实用的jQuery代码片段
2016/03/09 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
2016/08/01 Javascript
JavaScript中const、var和let区别浅析
2016/10/11 Javascript
基于JS实现checkbox全选功能实例代码
2016/10/31 Javascript
JavaScript函数表达式详解及实例
2017/05/05 Javascript
angular使用post、get向后台传参的问题实例
2017/05/27 Javascript
基于input框覆盖掉数字英文的实例讲解
2017/07/21 Javascript
利用JS制作万年历的方法
2017/08/16 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
2018/02/27 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
2018/03/09 Javascript
解决vue-cli创建项目的loader问题
2018/03/13 Javascript
微信小程序手动添加收货地址省市区联动
2020/05/18 Javascript
vue.js 解决v-model让select默认选中不生效的问题
2020/07/28 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
2020/08/12 Javascript
python查询mysql,返回json的实例
2018/03/26 Python
详解python3中zipfile模块用法
2018/06/18 Python
详解python 爬取12306验证码
2019/05/10 Python
python lxml中etree的简单应用
2019/05/10 Python
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
使用canvas压缩图片大小的方法示例
2019/08/02 HTML / CSS
事业单位竞聘上岗实施方案
2014/03/28 职场文书
中小学校园安全广播稿
2014/09/29 职场文书
成本会计岗位职责
2015/02/03 职场文书
2015年端午节国旗下演讲稿
2015/03/19 职场文书
2015年学校管理工作总结
2015/07/20 职场文书
MySQL系列之六 用户与授权
2021/07/02 MySQL