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程序设计有所帮助。