如何重新开启计时器 看一下代码 如何在oTxt.onblur 中重新开启上面的计时器

Question

var oTxt = document.getElementById("form_txt");

var val = ["车载手机支架","华硕笔记本","恒温条奶器","苏泊尔电磁炉","美的电压锅","摄影仪家用","小米手机"];

var time1 = null;

var i=1;

oTxt.value = val[0];

time1 = setInterval(function setVal(){

if(i>=val.length){

i=0;

oTxt.value = val[0];

i++;

}else{

oTxt.value = val[i];

i++;

}

},3000);

oTxt.onfocus = function(){

clearInterval(time1);

oTxt.value = "";

oTxt.style.color = "rgb(51,51,51)";

}

oTxt.onblur = function(){

clearInterval(time1);

if(oTxt.value==""){

oTxt.value = val[i];

？？？？？？

oTxt.style.color = "rgb(153,153,153)";

}

}

Answer 1

定义一个变量用来存放setInterval返回的结果，然后封装一个定时器方法，每次clearInterval完这个变量后，再执行这个方法就行了

Answer 2

这位平时写代码 也不缩进 的嘛？

Answer 3

var oTxt = document.getElementById("form_txt"); var val = ["车载手机支架", "华硕笔记本", "恒温条奶器", "苏泊尔电磁炉", "美的电压锅", "摄影仪家用", "小米手机"]; var time1 = null; var i = 1; oTxt.value = val[0]; //把它封装成一个方法  可以供多处调用 function openTimmer() {     time1 = setInterval(function{         if (i >= val.length) {             i = 0;             oTxt.value = val[0];             i++;         } else {             oTxt.value = val[i];             i++;         }     }, 3000); } //页面加载时调用一次 openTimmer(); oTxt.onfocus = function () {     clearInterval(time1);     oTxt.value = "";     oTxt.style.color = "rgb(51,51,51)"; } oTxt.onblur = function () {     clearInterval(time1);     if (oTxt.value == "") {         oTxt.value = val[i];         //？？？？？？  这里再调用一次         openTimmer()         oTxt.style.color = "rgb(153,153,153)";     } }