setInterval：根據事件發生的時間更改函數中的數字

-1

我需要弄清楚如何使用setInterval（）使文本每1000毫秒增加1px（font-size）。這裏是我的設置：setInterval：根據事件發生的時間更改函數中的數字

function boom() { 
    var fwuff = document.getElementById("fwuff"); 
    fwuff.style.display="block"; 
    fwuff.style.textAlign="center" 
    setInterval(function(){ 
    fwuff.style.fontSize=?? 
    }, 1000); 
}

什麼我不知道是把在fwuff.style.fontSize什麼，所以我可以得到的大小，以增加每個事件發生的時間。有誰知道並知道如何做到這一點？

來源

2014-05-05 tns12

謝謝卡爾！非常棒！：D – tns12

只需使用一個變量：

function boom() { 
    var fwuff = document.getElementById("fwuff"); 
    var myAwesomeVar = 10; //Base font size 
    fwuff.style.display="block"; 
    fwuff.style.textAlign="center" 
    setInterval(function(){ 
     fwuff.style.fontSize= myAwesomeVar + "px"; 
     myAwesomeVar++; 
    }, 1000); 
}

來源

2014-05-05 20:25:08

你的變量名讓我想吐，我看過整本書（例如在AngularJS上），裏面充滿了*真棒*這個或*真棒*。 –

太棒了:) :) –

@GeorgeJempty嗯，如果它讓你嘔吐，那不是我的問題！至於我自己，我從來沒有讀過任何關於角度的文章，而更多的是對egoraptor * Awesome serie *的參考。 –

-1

您可以使用全局變量或以改變它獲取當前fontSize。使用全局變量會稍微高效，但如果您不知道要更改的字體大小，則可以使用元素的fontSize。

Fiddle

入門然後設置fontSize：

function boom() { 
    var fwuff = document.getElementById("fwuff"); 
    var myAwesomeVar = 10; //Base font size 
    fwuff.style.display="block"; 
    fwuff.style.textAlign="center"; 
    setInterval(function(){ 
     curFontSize = $('#fwuff').css('fontSize'); 
     FontSizeNumber = parseInt(curFontSize); 
     newFontSizeNumber = FontSizeNumber + 1 + 'px'; 
     $('#fwuff').css('fontSize', newFontSizeNumber); 
    }, 1000); 
}

，或者也可以使用一個變量：

function boom() { 
     var fwuff = document.getElementById("fwuff"); 
     var myAwesomeVar = 10; //Base font size 
     fwuff.style.display="block"; 
     fwuff.style.textAlign="center"; 
     fontSizeVar = 12; 
     setInterval(function(){ 
      fontSizeVar++; 
      newFontSizeVal = fontSizeVar + 'px'; 
      $('#fwuff').css('fontSize', newFontSizeVal); 
     }, 1000); 
    }

注：這個問題被標記的jQuery。如果這是偶然的，並且你希望我轉換成傳統的JS，那就問。

來源

2014-05-05 20:29:16

setInterval：根據事件發生的時間更改函數中的數字

回答

相關問題