この回答のコードを使用して、jQueryで「単語を変更する」ループを作成しました。 jQuery:Wordを見つけて数秒ごとに変更する
しばらくしてから停止するにはどうすればよいですか? 60秒後、またはループを通過した後、言いますか?
ここで単語の変化を見ることができます: http://skolresurser.se/
(function(){
// List your words here:
var words = [
'Lärare',
'Rektor',
'Studievägledare',
'Lärare',
'Skolsyster',
'Lärare',
'Skolpsykolog',
'Administratör'
], i = 0;
setInterval(function(){
$('#dennaText').fadeOut(function(){
$(this).html(words[i=(i+1)%words.length]).fadeIn();
});
// 2 seconds
}, 2000);
})();
設定した回数実行した後に停止するには、インターバルにカウンターを追加し、その数に達したらクリアします。
例えば.
var timesRun = 0;
var interval = setInterval(function(){
timesRun += 1;
if(timesRun === 60){
clearInterval(interval);
}
//do whatever here..
}, 2000);
設定した時間(1分など)が経過した後に停止する場合は、次の操作を実行できます。
var startTime = new Date().getTime();
var interval = setInterval(function(){
if(new Date().getTime() - startTime > 60000){
clearInterval(interval);
return;
}
//do whatever here..
}, 2000);
clearInterval
を使用して間隔をクリアします。 setInterval
メソッドから取得した間隔IDを渡す必要があります。
例えば。
var intervalId = setInterval(function(){
....
}, 1000);
上記の間隔をクリアするには
clearInterval(intervalId);
以下のようにコードを変更できます。
(function(){
// List your words here:
var words = [
'Lärare',
'Rektor',
'Studievägledare',
'Lärare',
'Skolsyster',
'Lärare',
'Skolpsykolog',
'Administratör'
], i = 0;
var intervalId = setInterval(function(){
$('#dennaText').fadeOut(function(){
$(this).html(words[i=(i+1)%words.length]).fadeIn();
if(i == words.length){//All the words are displayed clear interval
clearInterval(intervalId);
}
});
// 2 seconds
}, 2000);
})();
代わりにsetTimeout
を使用できます。
(function foo(){ // wrap everything in a self-invoking function, not to expose "times"
times = 20; // how many times to run
(function run(){
// do your stuff, like print the iteration
document.body.innerHTML = times;
if( --times ) // 200 * 20 = 4 seconds
setTimeout(run, 100);
})();
})();
競合状態を回避するために、setTimeout()
の代わりに再帰setInterval()
の使用を検討する必要があります。
var fadecount = 1;
(function interval(){
$('#dennaText').fadeOut(function(){
$(this).html(words[i=(i+1)%words.length]).fadeIn('fast',function(){
if (fadecount < 30){
fadecount += 1;
setTimeout(interval, 2000);
}
});
});
}());