イベントリスナー、バブルソート、画像を切り替え、カルーセル

イベントリスナーメソッド:

VAR A11 =のdocument.getElementById( 'ID1'); //最初のタグを取得

VAR A22 =のdocument.getElementById( 'ID1'); //最初のタグを取得

a11.addEventListener( 'クリック'、ショー); addEventListenerをクリックイベントに//要素。

a22.onClick =関数{

a11.removeEventListener(「クリック」、ショー);クリックイベントを追加した後、別の要素にイベントのラベルに出-remove

機能・ショー(){} //クリックイベントショーを設定します

バブルソート:

配列array = [9,4,3,1,2,6,7,8,5,0]並び

関数(){

{//循环長遍(; iはArray.lengthとを<I ++がVAR I = 0)のための

  用(VARのJ = 0; J <array.lenth-J; iは++){

  IF(配列[J]>配列[J + 1]({//二つの隣接する数字の比較、数が前の数よりも大きい場合には、交換可能両者の数。

  TEMP =配列[J]; //スワップ

  アレイ[J] =配列[J + 1]。

  アレイ[J + 1] = TEMP。

}}}}

マップ、次のマップに切り替えるにはクリックしてください:

インデックスを呼び出して配列に絵アドレス。

VAR配列= [ 'IMG / 1.png'、 'IMG / 2.png'、 'IMG / 3.png]。

写真を置くために使用されimgタグを設定します

VaRのIMG1 = getElementByIdを( 'ID');このラベルを得ることが= ")(次" のonClickに設定されています

VaRのNUM = 1;セットインデックスの初期値。

{次のイベント機能をクリックし設定します()

すなわち、配列インデックス次の画像のsrc属性を設定IMG1:

img1.setAttribute( 'SRC'、配列[NUM])。

NUM ++;サイクルを追加

起因NUM <= Array.lengthと-1の後に、最大NUM指数が最小値0を復元することができ以上設けられています。

IF(NUM> Array.lengthと-1){

= 0;}

カルーセル図:

 ハンドオーバ時毎に1秒:上述のタイマーを設定するために使用されるマップの切り替えを実現することができるsetInternalのnext()メソッドへ。

VAR時間1 =のsetInterval( ')(次の'、1000); //次の回1秒(と呼ばれます)

機能停止(){//タイマーをクリアするには、stopメソッドを呼び出します。

clearInterval( '次の()'、1000);}    

関数start(){//あなたはタイマーを設定することができstartメソッドを呼び出します。

TIME1 =たsetInterval( '次の()'、1000);}  

おすすめ

転載: www.cnblogs.com/god3064371/p/11375222.html