团购网站 商品倒计时的功能
来源:互联网 发布:知天下资源吧进不去 编辑:程序博客网 时间:2024/04/30 10:05
<!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>
<script language="javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
//倒计时模块
function init(time)
{
var arr = new Array(2);
if(time>=0&&time<=9)
{
arr[0] = 0;
arr[1] = time;
}
else if(time>=10&&time<=99)
{
arr[0] = Math.floor(time/10);
arr[1] = time%10;
}
else
{
alert("当前脚本发生错误!");
return ;
}
return arr;
}
$(function(){
var endDateString = "september 5, 2011 9:53";
var now = new Date();
var arr = now.toString().split(" ");
if(navigator.appName.indexOf("Internet Explorer")!=-1)
nowString = arr[1]+' '+arr[2]+','+arr[5]+' '+arr[3];
else if(navigator.appName.indexOf("Netscape")!=-1)
{
nowString = arr[1]+' '+arr[2]+','+arr[3]+' '+arr[4];
}
var diff = (Date.parse(endDateString)-Date.parse(nowString))/1000;
if(diff<0)
{
return ;
}
var hours = Math.floor(diff/3600);
diff = diff%3600;
var minutes = Math.floor(diff/60);
var seconds = diff%60;
var a = init(hours);
if(a==undefined)
return ;
var hour_1=a[0],hour_2=a[1];
a = init(minutes);
var minute_1=a[0],minute_2=a[1];
a = init(seconds);
var second_1=a[0],second_2=a[1];
$("#div").text(""+hour_1+hour_2+":"+minute_1+minute_2+":"+second_1+second_2);
setTimeout(function(){
$("#div").text(""+hour_1+hour_2+":"+minute_1+minute_2+":"+second_1+second_2);
if(hours==0&&minutes==0&&seconds==0)
{
$("#status_on").removeClass("btn_status_on").addClass("btn_status_over").text("已售完");
return ;
}
else
{
if(seconds!=0)
seconds = seconds - 1;
else
{
seconds = 59;
if(minutes!=0)
minutes = minutes - 1;
else
{
minutes = 59;
if(hours!=0)
hours = hours -1;
}
}
}
a = init(hours);
hour_1=a[0],hour_2=a[1];
a = init(minutes);
minute_1=a[0],minute_2=a[1];
a = init(seconds);
second_1=a[0],second_2=a[1];
setTimeout(arguments.callee,1000);
},1000);
});
//-->
</script>
</head>
<body>
<div id="div" >
</div>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
//倒计时模块
function init(time)
{
var arr = new Array(2);
if(time>=0&&time<=9)
{
arr[0] = 0;
arr[1] = time;
}
else if(time>=10&&time<=99)
{
arr[0] = Math.floor(time/10);
arr[1] = time%10;
}
else
{
alert("当前脚本发生错误!");
return ;
}
return arr;
}
$(function(){
var endDateString = "september 5, 2011 9:53";
var now = new Date();
var arr = now.toString().split(" ");
if(navigator.appName.indexOf("Internet Explorer")!=-1)
nowString = arr[1]+' '+arr[2]+','+arr[5]+' '+arr[3];
else if(navigator.appName.indexOf("Netscape")!=-1)
{
nowString = arr[1]+' '+arr[2]+','+arr[3]+' '+arr[4];
}
var diff = (Date.parse(endDateString)-Date.parse(nowString))/1000;
if(diff<0)
{
return ;
}
var hours = Math.floor(diff/3600);
diff = diff%3600;
var minutes = Math.floor(diff/60);
var seconds = diff%60;
var a = init(hours);
if(a==undefined)
return ;
var hour_1=a[0],hour_2=a[1];
a = init(minutes);
var minute_1=a[0],minute_2=a[1];
a = init(seconds);
var second_1=a[0],second_2=a[1];
$("#div").text(""+hour_1+hour_2+":"+minute_1+minute_2+":"+second_1+second_2);
setTimeout(function(){
$("#div").text(""+hour_1+hour_2+":"+minute_1+minute_2+":"+second_1+second_2);
if(hours==0&&minutes==0&&seconds==0)
{
$("#status_on").removeClass("btn_status_on").addClass("btn_status_over").text("已售完");
return ;
}
else
{
if(seconds!=0)
seconds = seconds - 1;
else
{
seconds = 59;
if(minutes!=0)
minutes = minutes - 1;
else
{
minutes = 59;
if(hours!=0)
hours = hours -1;
}
}
}
a = init(hours);
hour_1=a[0],hour_2=a[1];
a = init(minutes);
minute_1=a[0],minute_2=a[1];
a = init(seconds);
second_1=a[0],second_2=a[1];
setTimeout(arguments.callee,1000);
},1000);
});
//-->
</script>
</head>
<body>
<div id="div" >
</div>
</body>
</html>
ps:注意在本地引入jquery.js的文件。
代码中红色标记那行代码是你需要修改的截至日期。。。。。。。。。。。。如截至日期在当前时间之前,则不会显示。
- 团购网站 商品倒计时的功能
- 团购网站商品倒计时
- 商品或彩票的距离截止日期倒计时功能
- 倒计时(可应用于商品限时团购抢购以及一些需要倒计时的场景)
- JS做的网站团购倒计时
- 网站倒计时功能
- 团购倒计时抢购功能
- 团购网站倒计时JS
- ASP.NET实现无刷新倒计时功能,团购倒计时
- ListView中实现商品的倒计时
- 商品秒杀倒计时功能+ViewPager实现画廊效果
- 帝国CMS仿站 商品倒计时功能实现
- 倒计时功能的实现
- 倒计时功能的实现
- jquery组件团购倒计时功能
- 互联网网站商品搜索功能浅析
- asp.net 购物网站倒计时功能
- 简单的购买商品功能
- R12 如何转移ASSET BOOK从一个组织A到另一个组织B
- 求字符123456每一位数字相加
- 详解指针数组,数组指针,函数指针,以及堆中的分配
- InfoPath设计优化
- 怎样理解as C#的中的作用
- 团购网站 商品倒计时的功能
- 出现mysql max-connections问题解决
- Fedora手记(4)——为Django安装MySQL适配器
- flex_01 java 和 flex 通信
- Individuals and interactions over processes and tools
- qt中文翻译步骤
- MSSQL查询方式(1)
- 两个十进制大数相乘
- C开发总结