javascript - 使用 jQuery.countdownTimer.js 获取剩余时间值

Question

我使用 jQuery.countdownTimer.js 设置了一个倒计时器

定时器已定义

<div id='countdowntimer'><span id='cdt'></span></div>

对应的javascript是

  $(function(){
    $('#cdt').countdowntimer({
    seconds : 60,
    size : 'md',
    pauseButton : null,                            
    stopButton : null,
    timeUp : myfin,
    borderColor              : '#FFFFFF',
    fontColor                : '#000000',
    backgroundColor          : '#FFFFFF',
    });
  });

它工作正常，在 0 上它调用 myfin()。我想获取剩余时间值以在函数上使用它。

我尝试使用document.getElementById("cdt").value，但只得到未定义。

Answer 1

您可以获得值 $("#cdt").html() 或 $("#cdt").html().match(/\d+/g)

        $(function() {
            $('#cdt').countdowntimer({
                seconds : 60,
                size : 'md',
                pauseButton : null,
                stopButton : null,
                timeUp : myfin,
                borderColor : '#FFFFFF',
                fontColor : '#000000',
                backgroundColor : '#FFFFFF'
            });
        });

        function myfin() {
            console.log("Option Value 1 (full value):  " +  $("#cdt").html());
            console.log("Option Value 2 (Numbers Only):  " +  $("#cdt").html().match(/\d+/g));
        }