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

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

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

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

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

のようになります。

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

普通に引数を指定する

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

こんな感じでしょうか。

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

引数の与え方の正解は

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

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

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

こんな感じになります。

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

関連記事

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

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

記事を読む

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

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

記事を読む

ブラウザの閉じるボタンが押下された時の制御

ブラウザの閉じるボタン(「×」)が押下された時のイベント ブラウザの閉じるボタンが押下された時の制

記事を読む

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

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

記事を読む

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

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

記事を読む

Javscriptでイベントを追加する

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

Javascriptでメッセージボックスを表示する

メッセージボックスを表示 画面にJavascriptでメッセージボックスを表示します。 久々にJ

記事を読む

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

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

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

formをPOSTすると新しい画面が開いてしまう showModal

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

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

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

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

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

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

→もっと見る



PAGE TOP ↑