Javascript 将以下jQuery转换为纯JS

如何将以下注释行转换为纯JS

var countdown = Tock({
    callback: function () {   

        $('#countdown_clock').val(timer.msToTime(countdown.lap()));  // Convert to pure JS
    }
});

$('#startCountdown').on('click', function () { 

    countdown.start(countdown.timeToMS($('#countdown_clock').val())); // Convert to pure JS 
});     

---

谢谢

使用

document.getElementById

而不是jQuery选择器

$（“#…”）

jQuery

$（“#选择器”）

与JS

document.getElementById（'selector'）

尝试：

---

这将删除代码中jQuery的所有痕迹

var countdown = Tock({
    callback: function () {
        //$('#countdown_clock').val(timer.msToTime(countdown.lap())); // Convert to pure JS
         document.getElementById('countdown_clock').value = timer.msToTime(countdown.lap());
    }
});
//$('#startCountdown').on('click', function () {
document.getElementById('startCountdown').onclick = function(e){

    //countdown.start(countdown.timeToMS($('#countdown_clock').val())); // Convert to pure JS
    countdown.start(countdown.timeToMS(getElementById('countdown_clock').value);

}

纯Js

var clock = document.getElementById('countdown_clock');
var countdown = Tock({
callback: function () {   
    // Convert to pure JS
    clock.value = timer.msToTime(countdown.lap()); 
   }
});

document.getElementById('startCountdown').addEventListener('click', function(){
countdown.start(countdown.timeToMS(clock.value));
}, false);

---

它仍然使用jQuery事件listener@zoranc阅读问题！OP仅表示以下注释行。不是全部代码！遗漏了这一部分，将-1改为+1标题有点误导，因为它是“将下面的jQuery转换为纯JS”

var countdown = Tock({
    callback: function () {
       document.getElementById('countdown_clock').value=timer.msToTime(countdown.lap());

    }
});

$('#startCountdown').on('click', function () {
      countdown.start(countdown.timeToMS(document.getElementById('countdown_clock').value));
});

var countdown = Tock({
    callback: function () {
        //$('#countdown_clock').val(timer.msToTime(countdown.lap())); // Convert to pure JS
         document.getElementById('countdown_clock').value = timer.msToTime(countdown.lap());
    }
});
//$('#startCountdown').on('click', function () {
document.getElementById('startCountdown').onclick = function(e){

    //countdown.start(countdown.timeToMS($('#countdown_clock').val())); // Convert to pure JS
    countdown.start(countdown.timeToMS(getElementById('countdown_clock').value);

}

var clock = document.getElementById('countdown_clock');
var countdown = Tock({
callback: function () {   
    // Convert to pure JS
    clock.value = timer.msToTime(countdown.lap()); 
   }
});

document.getElementById('startCountdown').addEventListener('click', function(){
countdown.start(countdown.timeToMS(clock.value));
}, false);