团购倒计时抢购功能
2012-10-25 19:56
309 查看
团购倒计时抢购功能(JS代码)完整版
2011-01-26 18:06:53| 分类: Jquery+Js | 标签:团购倒计时抢购功能(js代码)完整版 |字号 订阅自今年一批团购网站集中开建以来,仅几个月的时间,就先后涌现了大批团购网站。网络团购以低价、返利模式吸引消费者。
纵观这些团购网站都不难发现他们都是有很多共同之处,譬如在界面及前端设计方面就有很多相似之处。一般都有:诱人的超低价格,购买按钮,多数都是左右结构,产品图片及特点等,另外还有就是标志性的倒计时抢购功能。
在前面曾经有篇文章《购物商城限时抢购,倒计时JS代码》,基本上实现了倒计时功能,但好少了一个到期提示“抢购已结束”。
点击DEMO演示 >> 点此下载团购限时代码
JS代码如下:
<SCRIPT LANGUAGE="JavaScript">
function _fresh()
{
var endtime=new Date("2010/11/05,12:20:12");
var nowtime = new Date();
var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);
__d=parseInt(leftsecond/3600/24);
__h=parseInt((leftsecond/3600)%24);
__m=parseInt((leftsecond/60)%60);
__s=parseInt(leftsecond%60);
document.getElementById("times").innerHTML=__d+"天 "+__h+"小时"+__m+"分"+__s+"秒";
if(leftsecond<=0){
document.getElementById("times").innerHTML="抢购已结束";
clearInterval(sh);
}
}
_fresh()
var sh;
sh=setInterval(_fresh,1000);
</SCRIPT>
Html代码如下:
<div id="content">
<h1>限时抢购啦!</h1>
<p>还剩<span id="times"></span></p>
<p><a href="http://www.webbise.com">web前端寒风</a></p>
</div>
小插曲:
在写这个JS代码时,我将时间写成了“var endtime=new Date("10-18,2010 12:57:00");”格式时,在Firefox浏览器下出现错误,而在IE中并未错误:
之后将时间调为“var endtime=new Date("2010/11/05,12:20:12");”格式时,Firefox与IE都可以正常显示!
http://www.uedcss.com/search.asp?q=%E5%80%92%E8%AE%A1%E6%97%B6
相关文章推荐
- 团购倒计时抢购功能
- 团购倒计时抢购功能(JS代码)
- 团购网站倒计时代码 定时抢购代码完整版
- 团购网站倒计时代码 定时抢购代码完整版
- 如何最快速实现倒计时功能和限时抢购功能
- jquery组件团购倒计时功能
- 团购、定时抢购倒计时js版
- Javascript Date对象 --- 时间戳及淘宝倒计时抢购功能实现
- 倒计时(可应用于商品限时团购抢购以及一些需要倒计时的场景)
- 团购、定时抢购倒计时js版
- 团购、定时抢购倒计时js版
- 团购网站 商品倒计时的功能
- 限时抢购团购倒计时活动完整js代码
- Android进阶之抢购倒计时功能
- JavaScript实现的商品抢购倒计时功能示例
- ASP.NET实现无刷新倒计时功能,团购倒计时
- jquery组件团购倒计时功能
- jquery组件团购倒计时功能(转)
- 团购网站倒计时代码 定时抢购代码完整版
- ecshop 中添加限时抢购功能(倒计时)