Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery如何使事件每x秒发生一次?_Javascript_Jquery_Timer - Fatal编程技术网

Javascript jQuery如何使事件每x秒发生一次?

Javascript jQuery如何使事件每x秒发生一次?,javascript,jquery,timer,Javascript,Jquery,Timer,正如您所看到的,当有人单击按钮时,边距会发生变化。如果我想让它每10秒在现场加载一次怎么办 谢谢。用于设置定时事件: $("#clickMe").click( function(){ if (i == 1) { i = i+1 $("#div p").css("left", "-" + width * i

正如您所看到的,当有人单击按钮时,边距会发生变化。如果我想让它每10秒在现场加载一次怎么办

谢谢。

用于设置定时事件:

$("#clickMe").click(                                    
     function(){   
          if (i == 1) {            
               i = i+1
               $("#div p").css("left", "-" + width * i + "px");  
            }
});
使用函数。

setInterval()
分配给变量,这样您可以根据需要使用
clearInterval()
停止变量。==><代码>变量计时器=设置间隔(…),然后停止:
清除间隔(计时器)
setInterval(
     function(){   
          if (i == 1) {            
               i = i+1
               $("#div p").css("left", "-" + width * i + "px");  
            }
     },
     10000  /* 10000 ms = 10 sec */
);
var cancel_margin_change = false;
$(function() {

   var i = 1, width = 10, xtime = 10000,
      margin_change = function() {

          if (i == 1)
             $("#div p").css("left", "-" + (width * (++i)) + "px");

          if (!cancel_margin_change)
             setTimeout(margin_change, xtime);
       };

   margin_change();  

});