テクニック

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

投稿日:

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

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

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

のようになります。

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

普通に引数を指定する

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

こんな感じでしょうか。

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

引数の与え方の正解は

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

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

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

こんな感じになります。

当サイトのおすすめ記事

レンタルサーバー 1

当サイトは約5年間、さくらのレンタルサーバで運用させて頂きました。 何かトラブルがあったわけではないのですが、WordPressの表示速度を速くしたくてSSD搭載のレンタルサーバーで運用してみることに ...

プログラミング 2

SQLでIFを使わずに条件分岐する SQLでIFを書けばWHERE句の内容を変えて検索できますが、条件ごとに同じようなSQLを 複数回書くのは面倒なので、1行で分岐できないかと言う事でSQLを作って見 ...

SQLServer 3

SQLServerで発生するエラーコードをSQLで取得する SQLServerで発生したエラーコードの内容を メッセージが定義されているテーブルから取得します。 エラーコードを取得するSQL SQLs ...

4

SQLServerでテーブル型を戻り値とする関数を作る SQLServerではINT型やVARCHAR型などを返す関数と同様に ユーザー定義テーブル型を戻り値とする関数を作成できます。 テーブル型を戻 ...

5

アフィリエイトで即効成果を出す アフィリエイトで成果を出す、なかなか難しいですよね。 サイトをいくつも立ち上げてすでにコツをつかんでいる人なら チョチョイっとやっていけるんでしょうけど。 でも実際はこ ...

-テクニック
-, ,

Copyright© ソフトウェア開発日記 , 2017 AllRights Reserved.