Javascript setInterval:根据事件发生的时间更改函数中的数字

Javascript setInterval:根据事件发生的时间更改函数中的数字,javascript,jquery,setinterval,Javascript,Jquery,Setinterval,我需要弄清楚如何使用setInterval使文本每1000毫秒增加1pxfont大小。以下是我的设置: function boom() { var fwuff = document.getElementById("fwuff"); fwuff.style.display="block"; fwuff.style.textAlign="center" setInterval(function(){ fwuff.style.fontSize=?? }, 1000)

我需要弄清楚如何使用setInterval使文本每1000毫秒增加1pxfont大小。以下是我的设置:

    function boom() {
  var fwuff = document.getElementById("fwuff");
  fwuff.style.display="block";
  fwuff.style.textAlign="center"
  setInterval(function(){
    fwuff.style.fontSize=??
  }, 1000);
}
我不知道应该在fwuff.style.fontSize中添加什么,这样每次事件发生时,我都可以增加大小。有人了解并知道如何做吗?

只需使用一个变量:

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);
}

您可以使用全局变量或获取当前fontSize来更改它。使用全局变量会稍微有效一些,但是如果不知道要更改的字体大小,可以使用元素的fontSize

获取并设置字体大小:

或者,您也可以使用一个变量:

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,那就问问吧。

你的变量名让我想呕吐,我看过整本书,比如《AngularJS》,里面都是很棒的这个或那个。@GeorgeJempty好吧,如果它让你呕吐,那不是我的问题!至于我自己,我从来没有读过任何关于angular的文章,更多的是关于egoraptor可怕的意甲。谢谢Karl!真了不起D
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);
    }