为什么我不需要在脚本标签中设置 onload 事件来运行 setInterval() 方法？

Question

Hello I am new in Javascript i want to know that this code is changing image every four seconds and it is working very well but i did not give onload event here to run setInterval() method but still setInterval() got called how?您好，我是 Javascript 的新手，我想知道此代码每四秒更改一次图像，并且运行良好，但我没有在此处提供 onload 事件来运行 setInterval() 方法，但仍然调用 setInterval() 如何？ who called setInterval() method?谁调用了 setInterval() 方法？

<html lang="en">
<head>       
    <title>sliding image</title>
</head>
<body>
    <img id="img1" src=""alt="" width="1200px">
    <script>
       let images = [
           "C:\\Users\\SUDARSHAN\\Desktop\\html_UI\\images\\1200px-Heart_corazon.svg.png",
           "C:\\Users\\SUDARSHAN\\Desktop\\html_UI\\images\\alex-haney-AGqzy-Uj3s4-unsplash.jpg",
            "C:\\Users\\SUDARSHAN\\Desktop\\html_UI\\images\\mitchell-luo-jz4ca36oJ_M-unsplash.jpg"
        ];
        let i = 0;
        
        function image()
        {  
              let img2=document.getElementById("img1");
              i = (i + 1) % images.length;
              img2.src = images[i];
        }
       window.setInterval(image,4000);
        
    </script>
</body>
</html>

Answer 1

Code in <script> elements is ran automatically when the script tag is received. <script>元素中的代码在收到脚本标记时自动运行。 To wait until the page finishes loading, you do <script defer> .要等到页面完成加载，请执行<script defer> 。

For example,例如，

<script>
  console.log("Hello World!")
</script>

This would print Hello World!这将打印Hello World! to the console immediately when the <script> tag is received.收到<script>标签后立即发送到控制台。

<script defer>
  console.log("Hello World!")
</script>

This would print Hello World!这将打印Hello World! to the console after the page finishes loading.页面加载完成后到控制台。

为什么我不需要在脚本标签中设置 onload 事件来运行 setInterval() 方法？

问题描述

1 个解决方案

解决方案1
0 2021-11-25 16:03:11

为什么我不需要在脚本标签中设置 onload 事件来运行 setInterval() 方法？

问题描述

1 个解决方案

解决方案1 0 2021-11-25 16:03:11

解决方案1
0 2021-11-25 16:03:11