JS实现的仿淘宝交易倒计时效果
本文实例讲述了JS实现的仿淘宝交易倒计时效果。分享给大家供大家参考,具体如下:
<scripttype="text/javascript"> varStartTime=newDate("2015/11/1112:34:03"); document.write("订购时间:"+StartTime.toLocaleDateString()+StartTime.toLocaleTimeString()+"<br/>"); varCurrentTime=newDate(); document.write("当前时间:"+CurrentTime.toLocaleDateString()+CurrentTime.toLocaleTimeString()+"<br/>"); varEndTime=StartTime.getTime()+15*24*60*60*1000;//约定订购时间15天后关闭交易 EndTime=newDate(EndTime); document.write("结束时间:"+EndTime.toLocaleDateString()+EndTime.toLocaleTimeString()+"<br/>"); varTempTime=StartTime; varnMS,nD,nH,nM,nS; functionShowCloseTime(){ varoDate=newDate(); nMS=EndTime-oDate; nD=Math.floor(nMS/(1000*60*60*24)); nH=Math.floor(nMS/(1000*60*60))%24; nM=Math.floor(nMS/(1000*60))%60; nS=Math.floor(nMS/1000)%60; document.getElementById("CloseTime").innerHTML=("您还有"+nD+"天"+nH+"小时"+nM+"分"+nS+"秒完成交易"); if(nS<0||nM<0||nH<0||nD<0) { document.getElementById("CloseTime").innerHTML="交易因超过15天,已被系统自动关闭" clearInterval(CloseTimer); } } varCloseTimer=window.setInterval("ShowCloseTime()",1000) </script> <divid="CloseTime"></div>
希望本文所述对大家JavaScript程序设计有所帮助。