JavaScriptを何度も何度も実行するタイマーを作る方法

Question

タイマーが0になるとカウントダウンタイマーを20秒にしたい、iframeをリフレッシュする。そして、リフレッシュ後に再びiframeタイマーが20秒になり、0になった後に再びiframeがリフレッシュされます。どのように私はこれを行うことができます、私はiframeをリフレッシュするjsタイマーのスクリプトを持っていますが、このスクリプトを何度も何度も実行させる方法はわかりません。

<script> 
var tT; 
var timer=20; 
var stop; 
$(document).ready(function(){ 
    tT=document.getElementById('timer'); 
    tT.value=timer; 
    stop=setInterval(function(){ 
     if(timer>0){ 
      timer--; 
      tT.value=timer; 
     }else{ 
      clearInterval(stop); 
    }},1000); 
    setTimeout(function(){ 
     document.getElementById('timer').value = timer; 
    document.getElementById('exchanger').src = document.getElementById('exchanger').src; 

    },20000); 
}); 
</script> 

インラインフレーム： -

<input id="timer" value="20" type="text" size="2" readonly style="border:none;background:transparent;width:18px;text-align:center"> 

Answer 1

：ここCalling a function every 60 seconds

Answer 2

使用ここで

setInterval(function, delay) 

は、あなたの関数のコードである

(function(){ 
// do some stuff 
setTimeout(arguments.callee, 20000); 

}）（）;

は、参考のために、この質問はすでに上のリンクの下にここにマークされている：私はAlbziの提案に従っ

function loadlink() { 
 
    $('#iframeId')[0].contentWindow.location.reload(true); 
 
} 
 

 
loadlink(); // This will run on page load 
 
var count = 1; 
 
setInterval(function() { 
 
    $(".timer").text(count) 
 
    count++; 
 
    if (count == 20) { 
 
    loadlink() // this will run after every 20 seconds 
 
    count = 0; 
 
    } 
 
}, 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="timer"></div> 
 

 

 
<iframe id="iframeId" class="myframe" name="myframe" src="http://google.com"></iframe>

Answer 3

はあなたを助けるためのサンプルコードがあります（誰が私の質問にコメントしましたか）、私
setTimeoutの代わりにsetIntervalを使用しました。

最終スクリプトは次のとおりです。

var tT; 
var timer=20; 
var stop; 
$(document).ready(function(){ 
tT=document.getElementById('div-ID'); 
tT.value=timer; 
stop=setInterval(function(){ 
if(timer>0){ 
timer--; 
tT.value=timer; 
}else{clearInterval(stop); 
}},1000); 
setInterval(function(){ // I changed setTimeout here 
document.getElementById('Iframe-ID').src = document.getElementById('Iframe-ID').src; 
timer=20; 
},20000); 
}); 

とHTML：<div id="Div-ID"></div> インラインフレーム：あなたが前に行っているよう<iframe id="Iframe-ID" src="source-url"></iframe>