Javascript setInterval:根据事件发生的时间更改函数中的数字
我需要弄清楚如何使用setInterval使文本每1000毫秒增加1pxfont大小。以下是我的设置: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)
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);
}