javascript - JavaScript を使用して写真をキャプチャする前に、アニメーション写真タイマーを遅延または表示する

Question

ブラウザから写真をキャプチャするためのさまざまな JavaScript 関数を作成しました。JavaScript 関数を使用して、カメラを正常に起動し、写真をキャプチャしてプレビューし、写真をアップロードできます。

フォトタイマー機能の組み込みを考えています。ここで、写真を撮るボタンをクリックすると、(たとえば) 3 秒間待機し、3 から 1 にカウントダウンするアニメーション タイマー (アニメーション GIF ファイルをロードすることを考えています) が表示されます。写真撮影機能を呼び出したい。

しかし、このロジックを写真キャプチャ機能に統合できませんでした!

私のサンプルコードは次のとおりです。

var cameraEnabled = false;
var timer = null;

$('#takeButton').click(function(){

    if(timer != null)
    {
      clearTimeout(timer); 
      timer = null;
    }
    else
    {
        if(!cameraEnabled){
            return false;
        }
        timer = window.setTimeout(webcam.show_image(), 3000);
        webcam.freeze();
        togglePane();
        return false;
    }

});

私の show_image 関数は次のとおりです。

 show_image:function()
 {
    var img = document.createElement("img");
    img.src = "countdowntimer.gif";
    document.body.appendChild(img);
 },

誰でもこの問題について私を助けてもらえますか?

ご回答ありがとうございます。