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

时间:2018-08-09 01:10:17

标签: javascript jquery

我已经使用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,但只得到undefinded

1 个答案:

答案 0 :(得分: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));
        }