Question

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

当用户点击表示捕获的按钮时，会有一行文字写下“照片将被捕获（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);

Answer 2

试试这个例子，

function timer(object){
 if(object==0)
  context.drawImage(video, 0, 0, 640, 480);
 else{
  object = object -1;
  setTimeout("timer('"+object+"')",1000);
 }

}

外部调用如onclick =“timer（3）”

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

2 个答案: