在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 循環(huán)執(zhí)行此函數(shù)，為什么獲取的值沒有被累加

循環(huán)執(zhí)行此函數(shù)，為什么獲取的值沒有被累加

想要通過不斷執(zhí)行定時器，改變元素的opacity,但是只函數(shù)每次獲取的元素的opacity都是0，沒有被累加；代碼如下：
function appear() {

   var opity = document.getElementById('fade-obj').style.opacity;  
   console.log(document.getElementById('fade-obj').style.opacity);    
    if(opity != 1) {   
        document.getElementById('fade-btn').disabled = 'true';          
        opity += 0.2;
        document.getElementById('fade-obj').style.opacity = opity;
        setTimeout(appear,500);
    }else{
        document.getElementById('fade-btn').innerHTML = '淡出';
        document.getElementById('fade-btn').removeAttribute('disabled');
    }
}
document.getElementById('fade-btn').addEventListener('click', function() {
      if (document.getElementById('fade-btn').innerHTML == '淡入') {
        setTimeout(appear,500);
    }
}, false)

結(jié)果如下：

clipboard.png
不知道為什么document.getElementById('fade-obj').style.opacity的值不變

回答
編輯回答
心上人

var opity = document.getElementById('fade-obj').style.opacity
這里取到的值是字符串類型的
后面你再去 += 就變成了 0.20.2

2017年3月20日 12:54
編輯回答
巫婆

其實你自己可以調(diào)試看看的，比別人直接給你答案印象深刻

2017年8月4日 06:16
編輯回答
撿肥皂
var opity = document.getElementById('fade-obj').style.opacity;
//opity '0.2'
opity += 0.2; // '0.20.2'
document.getElementById('fade-obj').style.opacity = opity;
document.getElementById('fade-obj').style.opacity // 0.2

字符串的加號運算一定要注意?。?/p>

2018年3月7日 01:48