我正在尝试实现一个setInterval((方法,但我不确定确切地放在哪里。基本上,我希望整个JavaScript脚本每分钟左右运行。我认为我要添加的代码是我下面添加的一行,但我不知道确切地放在哪里,我不知道第一个参数应该是什么(尽管我知道应该是我要调用的功能的名称(。
setInterval(myTimer, 60000);
这是完整的代码:
<!DOCTYPE html>
<html>
<head>
<title>Ethereum Tracker</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
let myData = "";
let dataTest = "";
$.get("https://api.coinmarketcap.com/v1/ticker/ethereum/", function(data, status){
myData = data[0];
document.getElementById("p1").innerHTML = (myData.price_usd);
});
});
</script>
</head>
<body>
<p id="p1"></p>
<p id="p2"></p>
<script>
var d = new Date();
document.getElementById("p2").innerHTML = 'Last updated: ' + d.toLocaleTimeString();
</script>
</body>
</html>
您需要做类似的事情
<!DOCTYPE html>
<html>
<head>
<title>Ethereum Tracker</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function update(){
let myData = "";
let dataTest = "";
$.get("https://api.coinmarketcap.com/v1/ticker/ethereum/", function(data, status){
myData = data[0];
$("#p1").html(myData.price_usd);
var d = new Date();
$("#p2").html('Last updated: ' + d.toLocaleTimeString());
});
}
$(document).ready(function(){
// run every minute
setInterval(update, 60000);
// run immediately on load
update();
});
</script>
</head>
<body>
<p id="p1"></p>
<p id="p2"></p>
</body>
</html>
假设您想每分钟更新价格,应该看起来像:
$(document).ready(function(){
setInterval(updatePrice,60000);
});
function updatePrice(){
let myData = "";
let dataTest = "";
$.get("https://api.coinmarketcap.com/v1/ticker/ethereum/",
function(data, status){
myData = data[0];
document.getElementById("p1").innerHTML =(myData.price_usd);
});
}