按钮、超时、警报未捕获的类型错误：

Question

我有 2 个按钮，我想先单击“Button1”，然后在 5 秒后单击。 “按钮 2” 再过10秒。重定向到另一个网址。

document.getElementById('Button1').click();
alert("After clicking Button1");
setTimeout(function(){
document.getElementById('Button2').click();
}, 5000);
alert("After clicking Button2");
setTimeout(function(){
window.location.href="http://google.com";
}, 10000);

我明白了

未捕获的类型错误：无法读取 null 的属性“单击”。

按钮工作并单击，但重定向代码不起作用。奇怪的是我使用警报来检查代码，它首先运行警报，然后单击“Button1”，然后单击“Button2”，然后我收到错误，它不会继续执行最后一个代码。我不知道该怎么办..

Answer 1

我认为您的第二个警告声明放错了位置。 试试这个：

document.getElementById('Button1').click();
alert("After clicking Button1");

// wait 5 seconds
setTimeout(function(){
    document.getElementById('Button2').click();
    alert("After clicking Button2");

    // wait 10 seconds
    setTimeout(function(){
        window.location.href="http://google.com";
    }, 10000);
}, 5000);

确保 Button2 存在，因为您收到的错误表明它不存在。 您的 HTML 应如下所示：

<button id="Button1">this is button 1</button>
<button id="Button2">this is button 2</button>