同一页面多个商品倒计时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实现划词标记+划词搜索功能
Mar 06 Javascript
ExtJs使用IFrame的实现代码
Mar 24 Javascript
date.parse在IE和FF中的区别
Jul 29 Javascript
javascript获取选中的文本的方法代码
Oct 30 Javascript
JavaScript中Cookie操作实例
Jan 09 Javascript
jQuery绑定事件-多种实现方式总结
May 09 Javascript
javascript对象的相关操作小结
May 16 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
Oct 11 Javascript
js 实现获取name 相同的页面元素并循环遍历的方法
Feb 14 Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
Aug 18 Javascript
Vue.js组件间的循环引用方法示例
Dec 27 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
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投票程序源码
2007/03/11 PHP
php中filter函数验证、过滤用户输入的数据
2014/01/13 PHP
Smarty环境配置与使用入门教程
2016/05/11 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
在Mac OS下搭建LNMP开发环境的步骤详解
2017/03/10 PHP
javascript 写类方式之二
2009/07/05 Javascript
JavaScript Array扩展实现代码
2009/10/14 Javascript
jQuery中size()方法用法实例
2014/12/27 Javascript
Backbone.js中的集合详解
2015/01/14 Javascript
详解React-Todos入门例子
2016/11/08 Javascript
基于Javascript倒计时效果
2016/12/22 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
2017/01/20 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
Javascript中弹窗confirm与prompt的区别
2018/10/26 Javascript
js实现从右往左匀速显示图片(无缝轮播)
2020/06/29 Javascript
浅谈python中scipy.misc.logsumexp函数的运用场景
2016/06/23 Python
python spyder中读取txt为图片的方法
2018/04/27 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
解决python xlrd无法读取excel文件的问题
2018/12/25 Python
python获取微信企业号打卡数据并生成windows计划任务
2019/04/30 Python
使用 Python 写一个简易的抽奖程序
2019/12/08 Python
基于python代码批量处理图片resize
2020/06/04 Python
通信工程专业女生个人求职信
2013/09/21 职场文书
工程现场管理求职自荐信
2013/10/02 职场文书
房地产财务管理制度
2014/02/02 职场文书
酒店管理求职信范文
2014/04/06 职场文书
金融管理专业求职信
2014/07/10 职场文书
2014年预备党员端正入党动机思想汇报
2014/09/13 职场文书
工厂标语大全
2014/10/06 职场文书
优秀党员推荐材料
2014/12/18 职场文书
贷款承诺书
2015/01/20 职场文书
工作保证书怎么写
2015/02/28 职场文书
在校大学生才艺比赛策划书怎么写?
2019/08/26 职场文书
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server
React实现动效弹窗组件
2021/06/21 Javascript