2015-03-20 3 views
-2

Возможно ли, что Javascript автоматически включается через 8 секунд, если пользователь не использует ссылку, так что он по-прежнему каждые 8 ​​секунд, от Q1 до Q2, Q3 и т.д.Активизирует Javascript после «x» секунд

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; 
} 

ответ

0

просто используйте функцию setInterval, предоставляемую javascript, и вызовите ваш метод каждые 8000 мс.

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

Метод setInterval() вызывает функцию или вычисляет выражение через заданные интервалы времени (в миллисекундах).

здесь немного скрипки для вас:

var i = 2; 
 
setInterval(function(){ 
 
    $('div').removeClass('is_active'); 
 
    $('.q'+i).addClass('is_active'); 
 
    if(i == 3) {i = 0;} 
 
    i++; 
 
},8000);
.is_active { 
 
    display: block; 
 
} 
 
div {display: none;}
<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>

0

Вы можете использовать эту функцию:

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

setTimeout(function() { 
clearInterval(timerId); 
alert('tick'); 
}, 5000); 
Смежные вопросы