JavaScript - 在焦点事件上停止计时器

Question

我有一个脚本，每 2 秒更改一次文本框中的文本。我想让它停止(计时器)并在用户单击并关注文本框时清除文本框。

var text = ["1", " 2", "3"];
var counter = 0;
var elem = document.getElementById("txt1");

setInterval(change, 2000);

function change() {
document.getElementById("txt1").value = text[counter]; //data is the element
    counter++;
    if(counter >= text.length) { 
        counter = 0; 
    }
}

Answer 1

像这样更新你的输入类型

 <input type="text" onfocus="myFunction()">

同时更新

setInterval(change, 2000);

到

var tt=setInterval(change, 2000);

在脚本中添加 myFunction

function myFunction(){
   clearInterval(tt);
   document.getElementById("txt1").value = "";
}