做电商的网站需要一个抢购的时间倒计时,或者其他功能的倒计时,我们可以用javascript的setTimeout和setinterval方法进行实现。
<div>
倒计时:<br>
<input type="text" id="countDown" name="countDown" value="" style="width: 230px;"/>
</div>
<script type="text/javascript">
function _fresh()
{
var endtime= 1397232000000;//这个时间是你定时的时间,可以从后台传过来我这里写了一个固定值
var nowtime = new Date().getTime();
var leftsecond=parseInt((endtime - nowtime)/1000);
if(leftsecond<0){leftsecond=0;}
__d=parseInt(leftsecond/3600/24);
__h=parseInt((leftsecond/3600)%24);
__m=parseInt((leftsecond/60)%60);
__s=parseInt(leftsecond%60);
$("#countDown").val(__d+"天"+__h+"小时"+__m+"分"+__s+"秒");
}
_fresh();
setInterval(_fresh,1000);
</script>
那么setTimeout和setinterval如何选择呢?
setTimeout只运行一次,也就是说设定的时间到后就触发运行指定代码,运行完后即结束。 如果运行的代码中再次运行同样的setTimeout命令,则可循环运行。setinterval是循环运行的,即每到设定时间间隔就触发指定代码。使用简单,而setTimeout则比较灵活, 可以随时退出循环,而且可以设置为按不固定的时间间隔来运行。****setTimeout("",ss);
""里面可以是你的Javascript代码块,但是记得setTimeout(fun,ss)z这里的fun方法一定要加上引号,不然它会直接调用的fun方法块。