JQueryで実装をしていて、気になったのでメモ。
$('#content').hide()
$('#content').html = value;
$('#content').show();
というコードを書くと、hideのエフェクト処理の途中にhtmlコードを代入してしまうから
変更後のコードが、消える前に表示されてしまうという、情けない事に。
ということで、sleepないの？って思って調べたら、ありませんでした。
threadっていう概念ないの？って思って調べたら、なさそうでした。
どうすれば・・・？
と思って色々調べたら、タイマ関数は標準で持っているらしい。
使い方は簡単。
$('#content').hide()
timer = setTimeout(function(){
$('#content').html = value;
$('#content').show();
}, 500);
と書くと、500ミリ秒後に関数が呼ばれます。
これはなかなか良い感じ。
一度設定したタイマを停止させたい時には
setTimeoutが返す変数を保存しておいて
clearTimeout(timer);
という感じでclearTimeoutを呼び出す。
他にも、一定間隔ごとに処理をする関数もあるみたい。
setInterval()
これも停止のさせ方は同じ。
なかなか色々あるもんだ？
0 Comments.