ホームページ >ウェブフロントエンド >jsチュートリアル >javascript_javascript スキルでの setInterval の使用法

javascript_javascript スキルでの setInterval の使用法

WBOY
WBOYオリジナル
2016-05-16 15:49:461592ブラウズ

JavaScriptのsetInterval関数は、主にアニメーションなどのインターバルレンダリング(操作)エフェクトを作成する際に、一定の時間間隔で操作メソッドを呼び出す関数です。

setInterval の主な式形式は次のとおりです:

setInterval(fnname,time,par1,par2,.........parn);

setInterval(obj,fnname,time,par1,par2,...parn);

最初の構文は最も一般的な式構文で、 fnname パラメーターは匿名関数または関数名への参照にすることができ、 time は faname を呼び出すための設定された時間間隔 (ミリ秒単位) であり、デフォルト値は 10 ミリ秒です。 par1....parn はオプションのパラメータであり、faname メソッドに渡されるパラメータです。

2 番目は、オブジェクト メソッドの構文を使用する方法です。faname パラメーターは、obj オブジェクトのメソッドです。他のパラメーターは最初の構文と同じです。

以下では例を使用して説明します:

//普通语法的第一种写法

setInterval(function(){
    alert("我是setInterval方法打印结果");
  },3000) //每隔3秒打印一次

//普通语法的第二种写法

function alert1(){
    alert("我是setInterval方法打印结果")
  }
function alert2(str){
    alert(str);
  }
  setInterval(alert1,3000);
  setInterval("alert1()",3000);
  setInterval(alert2,3000,"我是setInterval方法打印结果");
  setInterval("alert1()",3000,"我是setInterval方法打印结果");

//对象方法写法

obj = new Object();//创建一个新的对象

obj.alert1 = function(){
    alert("我是setInterval方法打印结果");
  }

obj.alert2 = function(str){
    alert(str);
  }

setInterval(obj,alert1,3000);
setInterval(obj,alert2,3000,"我是setInterval方法打印结果");

setInterval は通常、clearInterval と組み合わせて使用​​されます。clearInterval の関数は、setInterval メソッドの呼び出しをクリアすることです。

var timer = setInterval(obj,alert1,3000);

clearInterval(timer);
以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。