第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

目標(biāo)類元素而不是帶有閃爍動(dòng)畫腳本的文檔正文

目標(biāo)類元素而不是帶有閃爍動(dòng)畫腳本的文檔正文

明月笑刀無情 2021-09-04 17:23:27
我在萬維網(wǎng)上找到了這個(gè)腳本 ;) 它非常適合我需要的東西，現(xiàn)在唯一的問題是我想定位一個(gè)單一的 css 類元素（比如 .blink）我該如何修改它才能工作？認(rèn)為我忽略了一些小東西，因?yàn)槲覜]有讓它發(fā)揮作用。function lightning(){flash=flash+1;if(flash==1){document.bgColor='white'; setTimeout("lightning()",100);}if(flash==2){document.bgColor='black'; setTimeout("lightning()",90);}if(flash==3){document.bgColor='red'; setTimeout("lightning()",85);}if(flash==4){document.bgColor='blue'; setTimeout("lightning()",80);}if(flash==5){document.bgColor='purple'; setTimeout("lightning()",75);}if(flash==6){document.bgColor='white'; setTimeout("lightning()",70);}if(flash==7){document.bgColor='black'; setTimeout("lightning()",65);}if(flash==8){document.bgColor='red'; setTimeout("lightning()",60);}if(flash==9){document.bgColor='blue'; setTimeout("lightning()",50);}if(flash==10){document.bgColor='purple'; setTimeout("lightning()",40);}if(flash==11){document.bgColor='black'; setTimeout("lightning()",30);}if(flash==12){document.bgColor='white'; setTimeout("lightning()",25);}if(flash==13){document.bgColor='red'; setTimeout("lightning()",20);}if(flash==14){document.bgColor='blue'; setTimeout("lightning()",10);}if(flash==15){document.bgColor='purple'; setTimeout("lightning()",5);}if(flash==16){document.bgColor='white'; setTimeout("lightning()",1);}if(flash==17){document.bgColor='black'; setTimeout("lightning()",1);}if(flash==18){document.bgColor='blue'; setTimeout("lightning()",1);}if(flash==19){document.bgColor='purple'; setTimeout("lightning()",1);}if(flash==20){flash=0; setTimeout("lightning()",100);}}setTimeout("lightning()",1);謝謝，希望聽到你們的消息！順便說一句，也許有人有更好/更短的腳本，具有類似的效果；)
查看完整描述

1 回答

?
莫回?zé)o

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊

您只需要查詢要閃爍的類并遍歷每個(gè)元素。我還更改為 switch 語句而不是 if 語句，并進(jìn)行了一些格式化和更改，使其flash不是全局變量。


function lightning(className, flash = 1) {

  const flashes = {

    1: { color: "white", delay: 100 },

    2: { color: "black", delay: 90 },

    3: { color: "red", delay: 85 },

    4: { color: "blue", delay: 80 },

    5: { color: "purple", delay: 75 },

    6: { color: "white", delay: 70 },

    7: { color: "black", delay: 65 },

    8: { color: "red", delay: 60 },

    9: { color: "blue", delay: 50 },

    10: { color: "purple", delay: 40 },

    11: { color: "black", delay: 30 },

    12: { color: "white", delay: 25 },

    13: { color: "red", delay: 20 },

    14: { color: "blue", delay: 10 },

    15: { color: "purple", delay: 5 },

    16: { color: "white", delay: 1 },

    17: { color: "black", delay: 1 },

    18: { color: "blue", delay: 1 },

    19: { color: "purple", delay: 1 }

  };


  switch (flash) {

    case 1:

    case 2:

    case 3:

    case 4:

    case 5:

    case 6:

    case 7:

    case 8:

    case 9:

    case 10:

    case 11:

    case 12:

    case 13:

    case 14:

    case 15:

    case 16:

    case 17:

    case 18:

    case 19:

      Array.from(document.getElementsByClassName(className)).forEach(

        el => (el.style.backgroundColor = flashes[flash].color)

      );

      setTimeout(() => lightning(className, flash + 1), flashes[flash].delay);

    case 20:

      setTimeout(() => lightning(className), 100);

  }

}

setTimeout(() => lightning("my-class-name"), 1);

更新：更簡(jiǎn)單的代碼幾乎可以做同樣的事情（延遲/顏色與原始代碼中的 100% 不同）：


function lightning(className, flash = 1) {

  const color = i => {

    switch (i % 5) {

      case 1:

        return "white";

      case 2:

        return "red";

      case 3:

        return "blue";

      case 4:

        return "purple";

      case 0:

        return "black";

    }

  };


  if (flash > 0 && flash < 20) {

    Array.from(document.getElementsByClassName(className)).forEach(

      el => (el.style.backgroundColor = color(flash))

    );

    setTimeout(() => lightning(className, flash + 1), 100 - flash * 5);

  } else {

    setTimeout(() => lightning(className), 100);

  }

}


setTimeout(() => lightning("my-class-name"), 1);


查看完整回答
反對(duì) 回復(fù) 2021-09-04
  • 1 回答
  • 0 關(guān)注
  • 194 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)