时间戳

首页 > 解决方案 > 如何在google主页上展开google logo？

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

问题描述

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

`

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

`

任何帮助将不胜感激，并在此先感谢。

标签： javascript

解决方案

尝试这个：

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

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

推荐阅读