如何使用 JavaScript 延迟重定向到多个网站？

我们提供了多个网站，任务是使用 JavaScript 以一定的延迟重定向到多个网站。我们将使用setTimeout()函数来延迟网站。

setTimeout()函数： setTimeout() 方法在等待指定的毫秒数后执行一个函数。

第一个参数是要执行的命令/函数，第二个参数表示执行前的延迟时间(以毫秒为单位)。

例如：

Javascript

console.log("Geeks");
setTimeout(() => {  console.log("forGeeks"); }, 3000);

这会将“Geeks”记录到控制台，然后在三秒钟后“forGeeks”，在许多情况下，我们需要执行某个任务，然后等待一段时间并继续执行另一个任务，因此在这些情况下，我们可以使用 setTimeout 方法。

延迟重定向到多个网站：给定到各种网站的链接，任务是重定向到它们的延迟时间。让网站网址成为

• https://www.geeksforgeeks.org/
• https://write.geeksforgeeks.org/
• https://auth.geeksforgeeks.org/user/sahivam4u/profile
• https://github.com/shivam7374

我们必须在 5 秒的延迟后一个接一个地重定向到所有这些。上面的问题可以通过使用下面给出的代码来解决：

HTML

  

    
        function Redirect() {
            const URLS = [
        'https://www.geeksforgeeks.org/',
        'https://write.geeksforgeeks.org/',
        'https://auth.geeksforgeeks.org/user/sahivam4u/profile',
        'https://github.com/shivam7374'
            ];
  
            for (let i = 0; i < URLS.length; i++) {
                setTimeout(() => {
                    const a = document.createElement('a');
  
                    a.style.display = 'none';
                    a.href = URLS[i];
                    a.target = '_blank';
                    document.body.appendChild(a);
  
                    a.click();
                    a.remove();
                }, i * 5000);
            }
        }
    

  

    Welcome To GFG
  
      

        Click on the below button to 
        redirect to multiple websites
        after a delay time of 5 seconds.
    
  
  
    
        Redirect
    

  

输出：

单击重定向按钮以重定向到多个网站。

当我们运行上面给出的 HTML 代码并单击重定向按钮时，站点会在 5 秒的延迟时间后自动重定向到上面定义的多个网站。可以通过更改 HTML 文件的脚本标记中的值来更改站点重定向的延迟时间和网站。在脚本标签中，我们为每个被点击的网站链接创建“a”(锚)标签，由于网站被重定向，重定向后锚标签被删除，延迟 5 秒后形成另一个标签，直到我们重定向到所有给定的多个网站链接。