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

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

結(jié)合 2 個(gè) JS 確實(shí)有麻煩

結(jié)合 2 個(gè) JS 確實(shí)有麻煩

犯罪嫌疑人X 2023-07-20 15:04:46
我正在努力將兩個(gè) JS 合并為一個(gè)…我嘗試在 JSFiddle 中嘗試,但無(wú)法真正理解控制臺(tái)錯(cuò)誤…我試圖讓背景顏色與 div 中不斷變化的背景 .svg 相結(jié)合......$(document).ready(function() { //Initializingvar i = 0;var images = []; //arrayvar time = 3000; // time in millie seconds//imagesimages[0] = "url(http://www.cyrill-kuhlmann.de/verve/img/logo_1.svg)";images[1] = "url(http://www.cyrill-kuhlmann.de/verve/img/logo_2.svg)";images[2] = "url(http://www.cyrill-kuhlmann.de/verve/img/logo_3.svg)";images[3] = "url(http://www.cyrill-kuhlmann.de/verve/img/logo_4.svg)";//functionfunction changeImage() {var el = document.getElementById('header');el.style.backgroundImage = images[i];if (i < images.length - 1) {    i++;} else {    i = 0;}setTimeout('changeImage()', time);}window.onload = changeImage;$(function setbackground() {        window.setTimeout( "setbackground()", 2000);var index = Math.round(Math.random() * 4);var ColorValue = "FA89CB";if(index == 1)ColorValue = "FAED96";if(index == 2)ColorValue = "D27DFA";if(index == 3)ColorValue = "6CFA64";if(index == 4)ColorValue = "8370FA";document.getElementsByTagName("body")[0].style.backgroundColor = "#" + ColorValue;});});這是我的小提琴: http://jsfiddle.net/gmck02ru/1/有人有線索嗎——我想我到目前為止還沒(méi)有真正理解我在這里做什么……請(qǐng)幫忙!
查看完整描述

1 回答

?
猛跑小豬

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

問(wèn)題是因?yàn)槟脕?lái)定義setbackground()函數(shù)的語(yǔ)法不正確。您已將其放置在 jQuery 對(duì)象中。該函數(shù)也從未被調(diào)用。您應(yīng)該將其定義為獨(dú)立函數(shù)并在頁(yè)面加載時(shí)調(diào)用它。

此外,您還可以對(duì)邏輯進(jìn)行一些改進(jìn)。

  • 使用addEventListener()超過(guò)設(shè)置onclick或其他onX事件屬性。

  • 在定義數(shù)組本身的同時(shí)聲明數(shù)組的元素。

  • 使用數(shù)組來(lái)保存背景顏色,而不是對(duì)語(yǔ)句進(jìn)行硬編碼if。

  • 在遞增計(jì)數(shù)器時(shí)使用模運(yùn)算符,以節(jié)省必須編寫邏輯來(lái)重置的操作0

  • 如果您想要重復(fù)更新背景顏色,就像對(duì)圖像所做的那樣,請(qǐng)將調(diào)用放在函數(shù)setTimeout()setbackground()。

  • 直接使用document.body而不是通過(guò)標(biāo)簽名獲取

$(document).ready(function() {

? let i = 0;

? let images = [

? ? "url(http://www.cyrill-kuhlmann.de/verve/img/logo_1.svg)",

? ? "url(http://www.cyrill-kuhlmann.de/verve/img/logo_2.svg)",

? ? "url(http://www.cyrill-kuhlmann.de/verve/img/logo_3.svg)",

? ? "url(http://www.cyrill-kuhlmann.de/verve/img/logo_4.svg)"

? ];

? let backgroundColours = ['#FAED96', '#D27DFA', '#6CFA64', '#8370FA']


? function changeImage() {

? ? let el = document.getElementById('header');

? ? el.style.backgroundImage = images[i];

? ? i = ++i % (images.length - 1)

? ? setTimeout(changeImage, 3000);

? }

? changeImage();


? function setbackground() {

? ? let index = Math.round(Math.random() * 4);

? ? document.body.style.backgroundColor = backgroundColours[index];

? ? setTimeout(setbackground, 2000);

? }

? setbackground();

});


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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