日期:2014-05-17  浏览次数:20519 次

把团购倒计时在datalist控件显示,如何做到?
团购倒计时抢购功能(JS代码) 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>  
  
</div> 
============================
以上代码,从测试了没问题,因为团购要有列表来显示,我想用Datalist来显示团购产品,其中列表每个都得有自己的倒计时,不知以上代码怎么和Datalist结合起来用?

------解决方案--------------------
_fresh 先更改这个方法 改成带参数的 你这边带两个参数 一个是times id参数 一个是endtime时间参数
用itemindex来标识times的id 就是id后面加上这个值 
然后datalist里面调这个_fresh方法 传对应参数进去 应该就可以了
------解决方案--------------------
方法添加两个参数,一个是计时时间,一个是显示信息的控件ID
然后每个产品都调用该方法
------解决方案--------------------
讲讲思路吧!

每个团购项目有一个隐藏域和一个显示时间的控件,隐藏域里放的是团购结束的时间,然后,页面在载入完之后,有一个方法计算每个团购项的剩余时间,settimeout,延迟一秒刷新一下。
------解决方案--------------------
探讨
以上代码,从测试了没问题

------解决方案--------------------
js,学习了
------解决方案--------------------
学习,帮顶!