js 模仿网上的限时抢购效果

更新时间：2010年07月19日 00:02:52 作者：

显示类似还剩 14小时52分15秒这样的效果，显示活动剩余多长时间就结束。

<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>抢购时间倒计时效果</title> <script language="javascript"> function $(element){ return document.getElementById(element); } //限时抢购 var the_s=new Array(); function view_time(the_s_index,objid){ if(the_s[the_s_index]>=0){ var the_D=Math.floor((the_s[the_s_index]/3600)/24) var the_H=Math.floor((the_s[the_s_index]-the_D*24*3600)/3600); var the_M=Math.floor((the_s[the_s_index]-the_D*24*3600-the_H*3600)/60); var the_S=(the_s[the_s_index]-the_H*3600)%60; html = "还剩 "; //if(the_D!=0) html += the_D+"天"; if(the_D!=0 || the_H!=0) html += '<span class="hour">'+(the_H+(the_D*24))+"</span>小时"; if(the_D!=0 || the_H!=0 || the_M!=0) html += '<span class="minute">'+the_M+"</span>分"; html += '<span class="second">'+the_S+"</span>秒"; $(objid).innerHTML = html; the_s[the_s_index]--; }else{ $(objid).innerHTML = "已结束"; } } </script> </head> <body> <p class="time" id="xsq_2402"> 还剩 <span class="hour">14</span>小时<span class="minute">49</span>分<span class="second">44</span>秒 </p> <script language="javascript"> var startDate= new Date("2010/07/16 09:07:43"); var endDate= new Date("2010/07/17 00:00:00"); the_s[2402]=(endDate.getTime()-startDate.getTime())/1000; setInterval("view_time(2402,'xsq_2402')",1000); </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

JavaScript 计算当天是本年本月的第几周
用来计算当天是本年本月的第几周的函数。
2009-03-03
同一页面多个商品倒计时JS 基于面向对象的javascript
同一页面多个商品倒计时JS 基于面向对象的javascript实现代码，需要的朋友可以参考下
2012-02-02
javascript 时间比较实现代码
web开发中有时需要对输入框中的时间（主要是开始时间和结束时间）进行比较，网上搜索了一番，发现有不少是无效的，以下方法经小弟检验确实有效，特此共享。
2009-10-10
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
最近在看松散耦合可定制百度的开源框架tangram.js目光突然就聚焦在一种获得毫秒数的写法
2012-03-03
javascript 倒计时代码
思路什么的都不错，跟以前的代码不同，也是值得学习的。
2009-12-12
支持IE,Firefox的javascript 日历控件
javascript 日历控件支持IE,Firefox,效果还不错，需要的朋友可以参考下，脚本之家之前曾发布多篇类似的文章，需要的朋友可以搜索下。
2009-10-10
不错的一个日期输入动态
[红色]不错的一个日期输入动态...
2006-11-11
JS 操作日期顺便实现上一周和下一周功能
JS本身没有提供日期加减操作能力，所以借此写了几个方法，用以操作日期，主要是实现日期的加减
2009-10-10
JS getMonth()日期函数的值域是0-11
好久没用JS写代码了，结果在计算日期时，出现了一个问题，困扰了我半天。最后终于搞清了问题的根源。
2010-02-02
javascript时区函数介绍
在js中的时区我们以般讲的是关于格林威治时间和本地时间之间的时差，以分钟为单位，这和php,asp没什么区别下面我们结合date()函数来介绍一下js时区的相关问题
2012-09-09