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

鍍金池/ 問答/HTML/ JavaScript setTimeout（）重復(fù)執(zhí)行時(shí)獲取值有問題

JavaScript setTimeout（）重復(fù)執(zhí)行時(shí)獲取值有問題

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

結(jié)果如下：

clipboard.png
document.getElementById('fade-obj').style.opacity的值從0變到0.2后就一直這樣，不明白為什么沒有加到1.
將函數(shù)變成：

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

結(jié)果如下：

clipboard.png
結(jié)果成功了。但不知道上面那個(gè)為啥錯(cuò)了

回答
編輯回答
不將就

var opity = document.getElementById('fade-obj').style.opacity;
這個(gè)值是字符串哦

2018年6月30日 22:24
編輯回答
莓森

確實(shí)是因?yàn)閐ocument.getElementById('fade-obj').style.opacity是字符串，然后我用opity = parseInt(opity)+0.2,發(fā)現(xiàn)結(jié)果仍然不對(duì)，但使用 opity = Number(opity) + 0.2 就對(duì)了

2017年11月15日 12:14