同一页面多个商品倒计时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类中的公有变量和私有变量
Jul 24 Javascript
jquery 模拟雅虎首页的点击对话框效果
Apr 11 Javascript
javascript控制层显示或隐藏的方法
Jul 22 Javascript
原生JS取代一些JQuery方法的简单实现
Sep 20 Javascript
getElementById().innerHTML与getElementById().value的区别
Oct 27 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
Nov 05 Javascript
js实现九宫格拼图小游戏
Feb 13 Javascript
微信小程序实现列表下拉刷新上拉加载
Jul 29 Javascript
vuex直接赋值的三种方法总结
Sep 16 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
vue整合百度地图显示指定地点信息
Apr 06 Vue.js
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执行速度全攻略
2006/10/09 PHP
PHP操作MongoDB时的整数问题及对策说明
2011/05/02 PHP
PHP error_log()将错误信息写入一个文件(定义和用法)
2013/10/25 PHP
JavaScript入门教程(1) 什么是JS
2009/01/31 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
25个非常棒的jQuery滑块插件和教程小结
2011/09/02 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
2013/03/29 Javascript
JS实现点击下载的小例子
2013/07/10 Javascript
nodejs事件的监听与触发的理解分析
2015/02/12 NodeJs
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
微信小程序 基础组件与导航组件详细介绍
2017/02/21 Javascript
vue父组件通过props如何向子组件传递方法详解
2017/08/16 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
2019/09/13 Javascript
详解Angular cli配置过程记录
2019/11/07 Javascript
Python contextlib模块使用示例
2015/02/18 Python
python正则表达式的使用
2017/06/12 Python
Python tkinter的grid布局及Text动态显示方法
2018/10/11 Python
python实现键盘输入的实操方法
2019/07/16 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
在Python中用GDAL实现矢量对栅格的切割实例
2020/03/11 Python
Python Pandas数据分析工具用法实例
2020/11/05 Python
Python读取pdf表格写入excel的方法
2021/01/22 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
HTML5实现文件断点续传的方法
2017/01/04 HTML / CSS
德国在线香料制造商:Gewürzland
2020/03/10 全球购物
企业行政文员岗位职责
2013/12/03 职场文书
中学生2014国庆节演讲稿:不屈的民族
2014/09/21 职场文书
基层干部个人对照检查及整改措施
2014/10/28 职场文书
2014年酒店服务员工作总结
2014/12/08 职场文书
《云雀的心愿》教学反思
2016/02/23 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
导游词之南京中山陵
2019/11/27 职场文书
css 中多种边框的实现小窍门
2021/04/07 HTML / CSS
SQL Server2019数据库之简单子查询的具有方法
2021/04/27 SQL Server
关于Python OS模块常用文件/目录函数详解
2021/07/01 Python