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

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

我们给出了多个网站,任务是使用JavaScript延迟重定向到多个网站。我们将使用 setTimeout() 函数来延迟网站。

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

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

例如:

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

这将在控制台上记录“Geeks”,然后在三秒后记录“forGeeks”,在许多情况下,我们需要执行某个任务,然后等待一段时间再执行另一个任务,所以在这些情况下,我们可以使用setTimeout方法。

延迟重定向到多个网站: 给定不同网站的链接,任务是在一定的延迟时间后重定向到它们。假设网站的URL为:

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

我们必须在延迟5秒后依次重定向到所有网站。可以使用以下代码解决上述问题:

<!DOCTYPE html> 
<html> 
  
<head> 
    <script type="text/javascript"> 
        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); 
            } 
        } 
    </script> 
</head> 
  
<body> 
    <h2>Welcome To GFG</h2> 
  
    <p> 
        Click on the below button to  
        redirect to multiple websites 
        after a delay time of 5 seconds. 
    </p> 
  
    <button onclick="Redirect();"> 
        Redirect 
    </button> 
</body> 
  
</html>
HTML

输出:

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

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

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册