setIntervalとclearInterval

スキップメニュー：コンテンツへ｜ナビゲーションへ

もっと快適にインターネットを活用できるブラウザ達

2009年 9月 9日 |

javascript |

Comments (1)

WordPressの「ページ」を使って試しに何かを作ってみようとポートフォリオ的な何かを作った。

で、ぼんやり眺めていたら「ロールオーバーを滑らかにしたいな」と思ってしまった。

flashで言ったら、onrollover・out時にalphaをenterframeで減速処理とかかましたりするfunction作ってしまえばいいんだろうけど
javascriptでenterframeってなんだろう？

ライブラリを使えば簡単に実装できてしまうのだろうけど（幻想？）
せっかくだから最初はライブラリなしでやった方がいいだろう。

関係ないけど、こんなふう（もしくはいままでの記事の様）に物語風に書くと、後で読み返す時必要な情報にすぐアクセスしづらいかな、やっぱり。
箇条書きまではいかなくても「目的、現在の状態、目標（試行錯誤、これがいらない？）、方法・結果」みたいな部分をピックアップして書いていったほうがいいのかな。

調べてみたところjavascriptだと、どうやら setInterval を使うようだ。
どのブラウザでも使えるものなのだろうか…

とりあえず setInterval のテスト、トグルスイッチにしてみた。

<form id="form1" name="form1" method="" action="">
	<label for="mxx">タイマー:</label>
	<input type="text" name="mxx" id="mxx" />
	<input name="btn1" type="button" value=" start/stop " onclick="ss()" />
</form>

<script type="text/javascript">
var countNum=0;
var timerID=0;
var onoff=0;
window.onload=function(){
t_area=document.getElementById("form1");
//console.log(onoff);
}
function ss(){
onoff=!onoff;
if(onoff){
		timerID=window.setInterval(anime,100);
		//console.log(onoff);
	}else{
		window.clearInterval(timerID);
		//console.log(onoff);
	}
}
function anime(){
	countNum++;
	t_area.mxx.value=countNum;
}
</script>

次はこれを改造して、ロールオーバーしたらopacityを0.80へ、ロールアウトで1.00にすればいいのよね？

1件のコメント »

[...] まず前回の続き [...]

ピンバック by setIntervalからsetTimeoutへ « 乱雑モックアップ — 2009年9月12日 @ 07:01

この投稿へのコメントの RSS フィード。 TrackBack URL

コメントする

乱雑モックアップのフィード

乱雑モックアップらんざつ[乱雑] （名・形動）[文]ナリ入り乱れていること。乱れていて秩序がないこと。また、そのさま。