如何在google主页上展开google logo？

Question

我刚开始学习 DOM 以及如何操作它，我有一个想法，我想使用 setInterval() 每秒扩展 google 主页上的 google 徽标。 我一直在 chrome JS 控制台中尝试一些东西，但没有一个起作用，例如：

`

function expander(logo) {
    logo.style.width = "100px";
    logo.style.width += "100px";
}
setInterval(expander(document.querySelector("#hplogo")), 1000);

`

任何帮助将不胜感激，并提前致谢。

Answer 1

尝试这个：

val = 1; 
logo = document.querySelector("#hplogo")
setInterval(
    function(){ 
       logo.style.width = (val * 100) + "px"; 
       val = val + 1; 
    },
1000);

根据 SteeveDroz 的评论：
setInterval 想要函数的名称作为它的第一个参数（它被称为回调）。 您可以调用 setInterval(expander, 1000)，但不能使用括号和参数。 您也可以像this answer一样将其包装在匿名函数中。