一、需求描述
如“1234”,按位数读1、2、3、4,且每位之间间隔1s
二、代码逻辑
function speakNumber2(no,len,i){ // no='1234',len=4,i=0
if(i ≥ len){
clearTimeout(s) ;
}else {
soundAlert("sound_"+no.charAt(i));
s = setTimeout(speakNumber2(no,len,++i), 1000);
}
}
问题:在1s内把1、2、3、4一下读出来了
思路:改用setInterval,问题仍存在
改为:s = setInterval(speakNumber2(no,len,++i), 1000*i);问题仍存在
三、分析
因为回调函数传参数问题;
重写setTimeOut方法,问题解决
var __sto = setTimeout;
window.setTimeout = function(callback,timeout,param)
{
var args = Array.prototype.slice.call(arguments,2);
var _cb = function()
{
callback.apply(null,args);
}
__sto(_cb,timeout);
}
function speakNumber2(no){
var len = no.length;
for (var i = 0; i < len; i++) {
setTimeout(soundAlert, 500*i, "sound_merge"+no.charAt(i)); //第i个数,在第 500*i s 时执行
}
}