Javascript 单击按钮启动jQuery计时器

我有倒数计时器

这是视图中的倒计时代码

 <div class="timer-div-one"; id="countdown" style="height: 20px; width: 20px;">

    </div>

我需要在单击“аааааааа”按钮时启动它

这是视图中的按钮

 <button id="record" class="btn btn-default" style="background: #ffcf00; color: black; height: 40px;text-shadow: none">Запись</button>

我的错在哪里

更新

  $(function() {

 $("#record").click(function (){
$("#countdown").countdown360({
    radius: 40.5,
    seconds: 30,
    strokeWidth: 7,
    fillStyle: '#ffffff',
    strokeStyle: '#ffcf00',
    fontSize: 30,
    fontColor: '#000000',
    autostart: false,
    onComplete: function() { alert(); }
}).start();});

});

不工作，计数器不可见

若我写这样的代码，我会看到计数器，它工作并显示警报

这是代码

 $("#countdown").countdown360({
    radius: 40.5,
    seconds: 30,
    strokeWidth: 7,
    fillStyle: '#ffffff',
    strokeStyle: '#ffcf00',
    fontSize: 30,
    fontColor: '#000000',
    autostart: false,
    onComplete: function() { alert(); }
}).start();

正如Jeremy Thille所写的点击，是的，我在“ааПаааа”和“аааааааа

以下是代码：

 record.onclick = function () {

    record.disabled = true;
    navigator.getUserMedia({
        audio: true,
        video: true
    }, function (stream) {
        preview.src = window.URL.createObjectURL(stream);
        preview.play();

        // var legalBufferValues = [256, 512, 1024, 2048, 4096, 8192, 16384];
        // sample-rates in at least the range 22050 to 96000.
        recordAudio = RecordRTC(stream, {
            //bufferSize: 16384,
            //sampleRate: 45000,
            onAudioProcessStarted: function () {
                if (!isFirefox) {
                    recordVideo.startRecording();
                }
            }
        });

        if (isFirefox) {
            recordAudio.startRecording();
        }

        if (!isFirefox) {
            recordVideo = RecordRTC(stream, {
                type: 'video'
            });
            recordAudio.startRecording();
        }

        stop.disabled = false;
    }, function (error) {
        alert(JSON.stringify(error, null, '\t'));
    });
};

var fileName;
stop.onclick = function () {
    record.disabled = false;
    stop.disabled = true;
    window.onbeforeunload = null; //Solve trouble with deleting video
    preview.src = '';

    fileName = Math.round(Math.random() * 99999999) + 99999999;
    console.log(fileName);
    if (!isFirefox) {
        recordAudio.stopRecording(function () {
            PostBlob(recordAudio.getBlob(), 'audio', fileName + '.wav');
        });
    } else {
        recordAudio.stopRecording(function (url) {
            preview.src = url;
            PostBlob(recordAudio.getBlob(), 'video', fileName + '.webm');
        });
    }

    if (!isFirefox) {
        recordVideo.stopRecording(function () {
            PostBlob(recordVideo.getBlob(), 'video', fileName + '.webm');
        });
    }

    deleteFiles.disabled = false;
};

我尝试将计数器粘贴到记录单击中，但不起作用 我的错在哪里

更新2

---

未捕获的TypeError:无法将属性“onclick”设置为null 录音时：250

是的，它引用了另一个按钮，我删除了它

但我看不到计时器。

我解决了我的问题

以下是需要如何做到这一点

 var countdown = $("#countdown").countdown360({
    radius: 40.5,
    seconds: 30,
    strokeWidth: 7,
    fillStyle: '#ffffff',
    strokeStyle: '#ffcf00',
    fontSize: 30,
    fontColor: '#000000',
    autostart: false,
    onComplete: function () {
        console.log('done');
    }
});


$('#record').click(function () {
    countdown.start();
});
$('#stop').click(function () {
    countdown.stop();
});

---

您在控制台中得到了什么？未捕获类型错误：无法在录制时将属性“onclick”设置为null:249，并且我的计时器将不可见，因为此代码@MehulMohan

看起来很糟糕。删除

您的#录制按钮在哪里？它是动态添加的吗？不，它是打开的View@MehulMohan
 record.onclick = function () {

    record.disabled = true;
    navigator.getUserMedia({
        audio: true,
        video: true
    }, function (stream) {
        preview.src = window.URL.createObjectURL(stream);
        preview.play();

        // var legalBufferValues = [256, 512, 1024, 2048, 4096, 8192, 16384];
        // sample-rates in at least the range 22050 to 96000.
        recordAudio = RecordRTC(stream, {
            //bufferSize: 16384,
            //sampleRate: 45000,
            onAudioProcessStarted: function () {
                if (!isFirefox) {
                    recordVideo.startRecording();
                }
            }
        });

        if (isFirefox) {
            recordAudio.startRecording();
        }

        if (!isFirefox) {
            recordVideo = RecordRTC(stream, {
                type: 'video'
            });
            recordAudio.startRecording();
        }

        stop.disabled = false;
    }, function (error) {
        alert(JSON.stringify(error, null, '\t'));
    });
};

var fileName;
stop.onclick = function () {
    record.disabled = false;
    stop.disabled = true;
    window.onbeforeunload = null; //Solve trouble with deleting video
    preview.src = '';

    fileName = Math.round(Math.random() * 99999999) + 99999999;
    console.log(fileName);
    if (!isFirefox) {
        recordAudio.stopRecording(function () {
            PostBlob(recordAudio.getBlob(), 'audio', fileName + '.wav');
        });
    } else {
        recordAudio.stopRecording(function (url) {
            preview.src = url;
            PostBlob(recordAudio.getBlob(), 'video', fileName + '.webm');
        });
    }

    if (!isFirefox) {
        recordVideo.stopRecording(function () {
            PostBlob(recordVideo.getBlob(), 'video', fileName + '.webm');
        });
    }

    deleteFiles.disabled = false;
};

 var countdown = $("#countdown").countdown360({
    radius: 40.5,
    seconds: 30,
    strokeWidth: 7,
    fillStyle: '#ffffff',
    strokeStyle: '#ffcf00',
    fontSize: 30,
    fontColor: '#000000',
    autostart: false,
    onComplete: function () {
        console.log('done');
    }
});


$('#record').click(function () {
    countdown.start();
});
$('#stop').click(function () {
    countdown.stop();
});