Question

我试图创建一个包含启动和暂停功能的开始按钮。使用function init() { $cookies = Yii::$app->response->cookies; $cookies->add(new Cookie([ 'name' => 'aa', 'value' => '111', 'expire' => time()+86400, 'domain' => '.xxx.cn', 'path' => '/' ])); ｝和setInterval。我应该从哪里开始我的方法？我在想什么：

clearInterval

Answer 1

您可以将setInterval设置为变量。

例如：

var autoRefresh = setInterval(function(){}, 1000);

这样，在清除间隔时你可以使用：

clearInterval(autoRefresh)

Answer 2

clearInterval函数基于不在函数上的区间索引：

var begin = document.getElementById("begin");
begin.addEventListener("click", startPause, false);

function startPause(){
   if(begin == false){
      if(typeof loop != "undefined"){
          clearInterval(loop);
      }
   }else{
      var loop = setInterval(draw, 10);
}

Answer 3

我准备了示例代码供您参考：

<button onclick="go(this)">start</button>
<div id="clock"></div>

<script language=javascript>
 var interval=null;
 function go(v)
{
   if (interval==null)
   { 
       interval=setInterval(updateClock, 1000);
       v.textContent="stop";
   }
   else
   { 
       clearInterval(interval);   
       v.textContent="start";
   }
}
function updateClock()
{
    var clock=document.getElementById("clock");
    clock.textContent=new Date();
}

使用setInterval启动/暂停按钮并清除

3 个答案: