setTimeout和setinterval

本文介绍如何使用JavaScript的setTimeout和setInterval方法为电商网站实现抢购倒计时和其他功能倒计时。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    做电商的网站需要一个抢购的时间倒计时,或者其他功能的倒计时,我们可以用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>

那么setTimeoutsetinterval如何选择呢?

    setTimeout只运行一次,也就是说设定的时间到后就触发运行指定代码,运行完后即结束。
 如果运行的代码中再次运行同样的setTimeout命令,则可循环运行。
    setinterval是循环运行的,即每到设定时间间隔就触发指定代码。使用简单,而setTimeout则比较灵活,
 可以随时退出循环,而且可以设置为按不固定的时间间隔来运行。  
    ****setTimeout("",ss);
""里面可以是你的Javascript代码块,但是记得setTimeout(fun,ss)z这里的fun方法一定要加上引号,不然它会直接
   调用的fun方法块。