畫布計時器的settimeout調用功能

Question

我寫了這段代碼，我對setTimeout調用函數有延遲的問題
這是一個計時器，但setTimeout不能每秒工作
為什么？

<head>
<script>
function timer(sec) {
    var c = document.getElementById("arcTimer");
    var ctx = c.getContext("2d");
    ctx.clearRect(0,0,200,200);
    ctx.lineWidth = 20;
    ctx.strokeStyle = "#0066CC";
    ctx.beginPath();
    ctx.arc(100,100,75,-0.5*Math.PI,sec*Math.PI);
    ctx.stroke();
    if ( sec >= 1.5 ) {
        sec = -0.5;
    }
    setTimeout(timer(sec+0.03),1000);
}
</script>
</head>
<body onLoad="timer(-0.5);">

<canvas width="200" height="200" id="arcTimer" ></canvas>

</body>

謝謝

Answer 1

編碼

setTimeout(timer(sec+0.03),1000);

... 調用 timer函數，並將其返回值傳遞給setTimeout ，就像foo(bar()) 調用 bar並將其返回值傳遞給foo 。 由於您的timer函數（隱式）返回undefined ，而setTimeout在您傳遞undefined時不執行任何操作，因此（立即）調用timer ，然后不執行任何操作。

如果要安排以sec+0.03作為其參數的timer調用，請創建一個執行該操作的函數：

setTimeout(function() {
    timer(sec+0.03);
}, 1000);

Answer 2

這行是錯誤的：setTimeout（timer（sec + 0.03），1000）; 第一個參數是不確定的，不是函數。

畫布計時器的settimeout調用功能

問題描述

2 個解決方案

解決方案1
1 已采納 2013-10-13 21:41:46

解決方案2
0 2013-10-13 21:45:33

畫布計時器的settimeout調用功能

問題描述

2 個解決方案

解決方案1 1 已采納 2013-10-13 21:41:46

解決方案2 0 2013-10-13 21:45:33

解決方案1
1 已采納 2013-10-13 21:41:46

解決方案2
0 2013-10-13 21:45:33