Javascript计时事件、倒计时和显示

Question

我是刚刚学习 JavaScript 的新手。我正在做我的学校项目，遇到了一些问题。我想创建一个倒计时器并显示它指示“3,2,1...”。使用 HTML5 和 JS 创建照片捕捉系统。

当用户点击“CAPTURE”按钮时，会出现一行文字“照片将在(3,2,1)中被捕获”。然后调用下面的函数。

context.drawImage(video, 0, 0, 640, 480);

我知道可以通过使用来完成

setTimeout(function(){context.drawImage(video, 0, 0, 640, 480)},3000);

但我不知道如何将其与写有“CAPTURE”的按钮链接起来，并通过说 3、2、然后 1 显示指示器。

抱歉我写的英文很差。

Answer 1

尝试以下代码

var currectValue = 0;
var timer = -1;
function onTimer(){
    if(currentValue == 0){
        clearTimeout(timer);
        return;
    }

    currentValue -= 1;

    //Your code
}

function startCountdown(seedValue){
    currentValue = seedValue;
    if(-1 != timer){
        clearTimeout(timer);
        timer = -1;
    }

    timer = setInterval(onTimer, 1000);
}

startCountdown(3);