刷新JS腳本值每秒

Question

我有一個腳本這是一個獲取值從JSON陣列

<p id="ticker"></p> 


<script> 
    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function() { 
    myObj = JSON.parse(this.responseText); 
    document.getElementById("ticker").innerHTML = myObj.average; }; 
    xmlhttp.open("GET", "https://bitbay.net/API/Public/BTC/ticker.json", true); 
    xmlhttp.send(); 
</script> 

「平均」我的問題是使這個<p>刷新每隔幾秒鐘。我整天都在浪費時間去做這件事。你能幫我一下嗎？

Answer 1

，你可以這樣做：

<script> 
window.setInterval(function(){ 
    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function() { 
    myObj = JSON.parse(this.responseText); 
    document.getElementById("ticker").innerHTML = myObj.average; }; 
    xmlhttp.open("GET", "https://bitbay.net/API/Public/BTC/ticker.json", true); 
    xmlhttp.send(); 
}, 1000); 
</script> 

這將運行您的 「功能」 每秒（1000毫秒）。我建議你拋出此到另一個功能使得它更像是：

<script> 
window.setInterval(updateTicker(), 1000); 

function updateTicker(){ 
    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function() { 
     myObj = JSON.parse(this.responseText); 
     document.getElementById("ticker").innerHTML = myObj.average; 
    }; 
    xmlhttp.open("GET", "https://bitbay.net/API/Public/BTC/ticker.json", true); 
    xmlhttp.send(); 
} 
</script> 

Answer 2

<p>Click the button to wait 3 seconds, then alert "Hello".</p> 
<p id="text">After clicking text will change here and count starts for every 0.5 seconds. This goes on forever...</p> 
<button onclick="myFunction()">Try it</button> 

<script> 
var i=0; 
function myFunction() { 

    setInterval(function(){ document.getElementById('text').innerHTML = i++; }, 500); 
} 
</script> 

</body> 
</html> 

Answer 3

只需使用setInterval(()=>{//code }, time)重複獲得JSON。

setInterval(getAvg, 5*1000); // every 5 seconds 
 

 
function getAvg() { 
 
    var xmlhttp = new XMLHttpRequest(); 
 
    xmlhttp.onreadystatechange = function() { 
 
    myObj = JSON.parse(this.responseText); 
 
    document.getElementById("ticker").innerHTML = myObj.average; 
 
    }; 
 
    xmlhttp.open("GET", "https://bitbay.net/API/Public/BTC/ticker.json", true); 
 
    xmlhttp.send(); 
 
}

<p id="ticker"></p>

Answer 4

一個簡單的setInterval應該做的伎倆。

<p id="ticker"></p> 

<script> 
    var ticker = document.getElementById("ticker"); // Cache that (faster) 

    function updateP(){ 
    //... Do whatever 
    ticker.innerHTML = "..." 
    } 

    updateP(); // Update once immediately... 
    setInterval(updateP, 3000) // ...and then again every 3000ms 
</script> 

Answer 5

可以使用setInterval()（其調用函數或以毫秒爲單位指定的時間間隔計算表達式）來實現這一點：

function getValue(){ 
 
    var xmlhttp = new XMLHttpRequest(); 
 
    xmlhttp.onreadystatechange = function() { 
 
    if (xmlhttp.readyState==4 && xmlhttp.status==200){ 
 
     var myObj = JSON.parse(this.responseText); 
 
     document.getElementById("ticker").innerHTML = myObj.average; 
 
    } 
 
    }; 
 
    xmlhttp.open("GET", "https://bitbay.net/API/Public/BTC/ticker.json", true); 
 
    xmlhttp.send(); 
 
} 
 

 
setInterval(getValue, 1000);

<p id="ticker"></p>

UPDATE：以固定parse例外，我們應該process the response only if the request was successful。