JavaScript 实现 5 秒后跳转首页 - 带倒计时效果
"使用 JavaScript 中的 `setTimeout()` 函数来实现 5 秒后跳转到首页的功能。以下是一个示例代码:\n\njavascript\n// 显示多少秒后跳转\nvar seconds = 5;\n\n// 在页面加载完成后开始计时\nwindow.onload = function() {\n // 显示秒数\n document.getElementById(\"timer\").innerHTML = seconds;\n\n // 倒计时函数\n var countdown = setInterval(function() {\n seconds--;\n document.getElementById(\"timer\").innerHTML = seconds;\n\n // 如果秒数为 0,则跳转到首页\n if (seconds <= 0) {\n clearInterval(countdown);\n window.location.href = \"首页的URL\";\n }\n }, 1000);\n};\n\n\n在上述代码中,我们首先定义了一个变量 `seconds`,设置为 5,表示跳转前的倒计时秒数。然后,使用 `window.onload` 事件来确保页面加载完成后开始计时。\n\n在倒计时函数中,我们使用 `setInterval()` 函数每隔 1 秒更新一次倒计时秒数,并将其显示在页面上。如果秒数为 0,则使用 `clearInterval()` 函数停止倒计时,并使用 `window.location.href` 属性跳转到首页的 URL。\n\n你需要将上述代码中的 "首页的URL" 替换为你实际的首页 URL,并在页面中添加一个用于显示倒计时秒数的元素,如下所示:\n\nhtml\n<p>跳转倒计时:<span id=\"timer\"></span>秒</p>\n\n\n这样,当页面加载完成后,你将看到一个显示倒计时秒数的文本,随着时间的推移,秒数逐渐减少,最终为 0 时,页面将跳转到首页。
原文地址: https://www.cveoy.top/t/topic/pXVk 著作权归作者所有。请勿转载和采集!