Question

当用户没有使用链接时，javascript可能会在8秒后自动激活，因此它会每隔8秒继续运行，从Q1到Q2，Q3等

JAVASCRIPT：

function laatZien(divID) {
 var tabs = ["Q1", "Q2", "Q3"];
  for(var i in tabs)
  { if (tabs[i] != divID)
  {            
  document.getElementById(tabs[i]).className = "verstopt"; b
  } }
  var item = document.getElementById(divID);
    if(item.className=="verstopt") {
    item.className = "zichtbaar"
    } else {
    item.className = "zichtbaar"
  }
}

HTML：

<div id="Q1" class="zichtbaar">
  <a href="javascript:laatZien('Q2');">Next (Q2)</a>
</div>
<div id="Q2" class="verstopt">
  <a href="javascript:laatZien('Q3');">Next (Q3)</a>
</div>
<div id="Q3" class="verstopt">
  <a href="javascript:laatZien('Q1');">Back</a>
</div>

CSS：

#Q1.verstopt, #Q2.verstopt, #Q3.verstopt{
display: none;
}

#Q1.zichtbaar, #Q2.zichtbaar, #Q3.zichtbaar{
display: block;
}

Answer 1

只需使用javascript提供的setInterval函数，每8000ms调用一次方法。

setInterval(function(){ laatZien(element) }, 8000);

setInterval（）方法以指定的时间间隔（以毫秒为单位）调用函数或计算表达式。

这里有点小提琴：

＆＃13;

var i = 2;
setInterval(function(){
    $('div').removeClass('is_active');
    $('.q'+i).addClass('is_active');
    if(i == 3) {i = 0;}
    i++;
},8000);

＆＃13;

.is_active {
    display: block;
}
div {display: none;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="q1 is_active">Test 1</div>
<div class="q2">Test 2</div>
<div class="q3">Test 3</div>

＆＃13;

Answer 2

您可以使用此功能：

var timerId = setInterval(function() {
alert("tick");
}, 2000);

setTimeout(function() {
clearInterval(timerId);
alert('tick');
}, 5000);

在＆＃39; x＆＃39;之后激活javascript秒

2 个答案: