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

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

如何在淡出后立即淡入元素(香草/純 javascript)

如何在淡出后立即淡入元素(香草/純 javascript)

UYOU 2021-11-12 16:20:47
你好,我有這個(gè) ajax 表單,它返回一個(gè)控制“發(fā)送”動(dòng)畫的腳本。然而,當(dāng)?shù)腴_始時(shí),它會(huì)以 0.1 的不透明度停止。我不確定腳本中有什么問題。任何幫助,將不勝感激。quote_form = document.getElementsByClassName('quote-form')[0];var timer = setInterval(function () {  if (!quote_form.style.opacity) {      quote_form.style.opacity = 1;  }  if (quote_form.style.opacity > 0) {      quote_form.style.opacity -= 0.1;  } else {    clearInterval(timer);      quote_form.innerHTML = '<p>Thank you for answering this graphic design quote questionnaire! You should receive a confirmation email shortly</p>'      var timer2 = setInterval(function () {        if (quote_form.style.opacity != 1){            quote_form.style.opacity += 0.1;        } else {            clearInterval(timer2);        }      }, 50);  }}, 50);控制臺(tái)中沒有顯示錯(cuò)誤。您可以在此頁面嘗試代碼:https://tester.desertsunstudio.com/el-paso-graphic-design-quote-texas-southwest-united-states-web-developer-graphic-designer-desert-sun-studio
查看完整描述

1 回答

?
哈士奇WWW

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

你的問題是類型!


您正在將不透明度的字符串值與數(shù)字進(jìn)行比較,并嘗試連接這些值:


"0.1" + 0.1== 0.10.1- 這會(huì)打破你的間隔


您需要將讀取不透明度值的值轉(zhuǎn)換為浮點(diǎn)數(shù)以更新它


const styles = window.getComputedStyle(quote_form);

const opacity = parseFloat(styles.opacity);

// returns 0.1 not "0.1"

功能演示:http : //jsfiddle.net/shannonhochkins/agq81svz/7/


對(duì)于簡(jiǎn)單的淡入淡出,我將使用平面 css 過渡/關(guān)鍵幀和 javascript 作為觸發(fā)器,但這應(yīng)該對(duì)您有所幫助


更新:


非常簡(jiǎn)單的動(dòng)畫,只有 css 和一個(gè)觸發(fā)器,當(dāng)我們想要它動(dòng)畫時(shí)添加類:


http://jsfiddle.net/shannonhochkins/agq81svz/21/


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

添加回答

舉報(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)