setInterval()やsetTimeout()に引数ありの関数を指定する

公開日: : テクニック , ,

setInterval()やsetTimeout()に引数ありの関数を使う

Javascriptでタイマーを実現する際に良く利用する
setInterval()やsetTimeout()。

この関数の呼出し形式は「setTimeout( “関数名()”,待ち時間 );」なので

のようになります。

ここでちょっと問題になるのは「callBackFunc()」に
引数がある場合。
普通に書くとエラーになります。

普通に引数を指定する

普通に考えると関数に引数を指定するので、素直に
「callBackFunc()」に引数を指定。

こんな感じでしょうか。

でもこの指定ではスクリプトエラーになり動作しません。

引数の与え方の正解は

「callBackFunc()」に引数の与え方の正解は

と無名関数を利用します。
なるほど。

ということでボタンを押下すると現在時刻を引数としたタイマーを起動し、
STOPが押下されるまで現在時刻を引数としたタイマーを起動し続ける
サンプルを作成して見ました。

こんな感じになります。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • 14 follow us in feedly

関連記事

no-img

POSTをしても新しい画面が開かない方法

formをPOSTすると新しい画面が開いてしまう showModalDialogで開いた画面でfo

記事を読む

keybord_black

Javascriptの変数は初期化して使わないとundefinedになるので要注意

どんな言語もローカル変数は初期化して使うのが良い Javascriptに限らずどんな言語にも言える

記事を読む

keybord_black

Javscriptでイベントを追加する

Javscriptで既存のイベントに処理(関数)を追加する すでにあるイベントに処理(関数)を追加

記事を読む

no-img

HTML-AタグのhrefをJavascriptで動的に有効/無効を切り替える。

Aタグのhrefの有効無効を切り替える 画面の選択状態によってAタグのhrefを動的に有効/無効を

記事を読む

keybord_black

モーダルダイアログを画面中央に表示する

モーダルダイアログを画面中央に表示 JavaScriptでモーダルダイアログを表示するには 「s

記事を読む

a0001_013635

Javascriptで開いた子画面から親画面の関数を呼び出す

子画面から親画面の関数を呼び出す Javascriptで開いた子画面(ポップアップウィンドウ)から

記事を読む

no-img

ブラウザーに印刷プレビューボタン作成

ブラウザーに印刷プレビューボタンを作成する Internet Explorer(IE)で印刷プレビ

記事を読む

no-img

「===」で値だけではなく型の一致もチェック

Javascriptで値だけではなく方の一致もIF文でチェックする ふと、とあるソースを眺めている

記事を読む

no-img

JavascriptでTABLEタグに行を追加、削除する

TABLEタグに行を追加、削除する Javascriptを使ってHTML上のテーブルに行を追加

記事を読む

calender

Javascriptで日付から曜日を求める

Javascriptで日付から曜日を求める Javascriptで指定された日付の曜日を取得します

記事を読む

no-img
JavascriptでTABLEタグに行を追加、削除する

TABLEタグに行を追加、削除する Javascriptを使って

keybord_black
モーダルダイアログを画面中央に表示する

モーダルダイアログを画面中央に表示 JavaScriptでモーダルダ

no-img
HTMLで動的にコントロールの表示/非表示を切り替える

動的にコントロールの表示/非表示を切り替える HTMLとJavasc

no-img
「===」で値だけではなく型の一致もチェック

Javascriptで値だけではなく方の一致もIF文でチェックする

no-img
ブラウザーに印刷プレビューボタン作成

ブラウザーに印刷プレビューボタンを作成する Internet Exp

→もっと見る



PAGE TOP ↑