手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript电商网站抢购倒计时效果实现
javascript电商网站抢购倒计时效果实现
摘要:本文实例讲述了javascript电商网站抢购倒计时效果实现代码。分享给大家供大家参考。具体如下:运行效果截图如下:团购——限时抢funct...

本文实例讲述了javascript电商网站抢购倒计时效果实现代码。分享给大家供大家参考。具体如下:

运行效果截图如下:

javascript电商网站抢购倒计时效果实现1

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>团购——限时抢</title> </head> <body> <div> <span id="LeftTime"></span></div> </div> <script> function FreshTime() { var endtime=new Date("2015/11/20,12:20:12");//结束时间 var nowtime = new Date();//当前时间 var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000); d=parseInt(lefttime/3600/24); h=parseInt((lefttime/3600)%24); m=parseInt((lefttime/60)%60); s=parseInt(lefttime%60); document.getElementById("LeftTime").innerHTML="还剩" + d+"天"+h+"小时"+m+"分"+s+"秒"; if(lefttime<=0){ document.getElementById("LeftTime").innerHTML="团购已结束"; clearInterval(sh); } } FreshTime(); var sh; sh=setInterval(FreshTime,1000); </script> </body> </html>

很简单的团购限时抢购倒计时,特别适合用于现今团购网、电商网、门户网等倒计时抢购活动,希望本文能帮助大家熟练掌握javascript倒计时效果的实现方法。

【javascript电商网站抢购倒计时效果实现】相关文章:

JavaScript实现广告的关闭与显示效果实例

纯javascript实现四方向文本无缝滚动效果

Javascript实现div的toggle效果实例分析

javascript函数特点实例

javascript实现带下拉子菜单的导航菜单效果

javascript模拟评分控件实现方法

javascript瀑布流布局实现方法详解

javascript改变和控制显示的图片大小

Javascript实现图片轮播效果(二)图片序列节点的控制实现

javascript生成不重复的随机数

精品推荐
分类导航