javascript - jQuery 360 倒计时 - 计时器运行时添加秒数的按钮

Question

我需要一个可以在计时器运行时添加秒数的按钮。我从以下位置获得计时器: https://github.com/johnschult/jquery.countdown360 。这是我必须放入 HTML 中的代码。

  $("#countdown").countdown360({
         radius      : 120,
         seconds     : 30,
         fontColor   : '#FFFFFF',
         autostart   : false,
         onComplete  : function () { console.log('done') }
       }).start();

我尝试自己制作按钮，但没有成功。

document.getElementById('add').onclick = function(){
        // location.reload();
        $("#countdown").countdown360({seconds += 20}).start()
        }

<button id="add">Add</button>

有人可以帮我吗？谢谢!

Answer 1

秒数存储在clock.settings.seconds中。

var clock = $("#countdown").countdown360({
    radius: 60,
    seconds: 30,
    fontColor: '#FFFFFF',
    autostart: false,
    onComplete: function () {
        console.log('done')
    }
})
clock.start();

$("#countdown").on("click", function() {
    clock.settings.seconds += 20;
});

demo (countdown360.js 在 Firefox 中加载，但在 Chrome 中未加载)