尝试实现setInterval()方法,但不确定确切地放在哪里



我正在尝试实现一个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);
        });
    }

最新更新