Question

我想创建一个向上（1,2,3,4,5）而不是向下（5,4,3,2,1）的计时器，但是我希望计时器保持在00:00。仅当用户在输入字段中插入内容时，计时器才能开始运行。我有这个，但是我不确定如何创建计时器循环。我所做的研究仅提出了有关计数器下降的内容，它与python有关。所以我有点希望sam可以在javascript中实现。输入字段的创建是这样的->（稍后它将按名称/ id递增，因为它可以重复）

        var sylInput = $('<input/>', {
        'type': 'text',
        'class': 'form-control syl-input',
        'id': 'testid'
    });

这是我的变量->

var T = '';

这是计时器等的html->

<div class="col-md-2" id="timer"></div>

如果这是一个新手问题101，我表示歉意。

Answer 1

好吧，我假设您使用jQuery

let timer; 
let counter = 0;

function startTimer(){
    counter++;
    $("#timer").text(counter);
}

$(document).on('keypress', '#inputID', function() {
   if (timer !== undefined) //check if is already set
   timer = setInterval(startTimer, 1000);
});

Answer 2

var T = '';

    T = new TIMER('#timer');

  $(document).one('keydown', '.HereComesTheClassNameOfYourInputField', function(){
T.start();
});

html：

 <div class="col-md-2" id="timer"></div>

如果其他人想要使用此功能：请注意，您必须先设置您的计时器样式。

如何创建一个在输入字段中输入内容后立即开始的计时器

2 个答案: