タイマ管理

Click me!

解説

これは CallbackList の拡張でタイマ管理機能を付加したもので、 "Click me!" の領域をクリックするとボーダ枠の色を5段階で変えるものです
また、下の Start ボタンを操作すると Stop ボタン操作するまで 領域の背景色を1秒間隔で変えます

この機能は CallbackList の拡張機能です

追加のプロパティとメソッド

タイマ管理開始メソッド:
  指定した間隔と回数でコールバックを呼び出す

  startRepeat(interval,times,argList)
    interval: 間隔( msec )
    times   : 呼び出し回数( -1 を指定すると無期限 )

  コールバック( fnc )の呼び出し形式

  fnc(callbacklist,times,count,argList,userArgList)
    callbacklist: 呼び出した CallbacList のインスタンス
    times       : 呼び出し回数( -1 or 1 - )
    count       : 現在の回数  ( 1 - )
    argList     : startRepeat 呼び出し時の argList
    userArgList : Callback 登録時の userArgList

タイマ管理停止メソッド:
  実行中のタイマ管理を停止する

  stopRepeat()

スクリプト

使用例

冒頭のサンプルのボーダ枠変更のスクリプトを下記に示します
ここでは単に CallbackList のインスタンスに ボーダ枠変更のコールバックを登録するのみです

実行はクリック操作時に startRepeat を実行します

<div onclick="callbacklist.startRepeat(40,5,this);">
  Click me!</div>

注意とヒント

●タイマ管理中の startRepeat メソッド呼び出しは無効です