Javascript 如何创建一个计时器，它在输入字段中输入内容后立即启动

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

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

这是制作计时器等的html->

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

如果这是一个新手问题，我很抱歉

var T = '';

    T = new TIMER('#timer');

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

html：

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

---

如果其他人想使用这个：请注意，您必须首先设置计时器的样式。

好的，我假设您使用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);
});

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);
});