Question

我正在创建一个在主页下载图标顶部的网站，当我点击该图标时，另一个页面应该打开，显示消息，如感谢下载，2-3秒后应自动开始下载，我是怎么做到的

Answer 1

在<meta http-equiv="refresh" content="3;url=/download url" />部分中显示消息位置<head>的页面中。这将在3秒后将请求重定向到下载URL。

Answer 2

您需要准备下载页面并附加超时脚本，以便在2-3秒后下载。

在您的图标上添加onclick功能，如下面的代码：

<img id="downloadBtn" onclick="window.open('<put link to the download page here>')" />

在下载页面上，添加如下代码的脚本：

<html>
<head>
<title>Download page</title>
</head>
<body>
<h1>Thank you for downloading</h1>
<p>Your download will start in <span id="countdown">5</span> seconds</p>

<script type="text/JavaScript">
var countdown = document.getElementById("countdown");
var wait = 5;
var timeout = setInterval(function(){
    wait--;
    countdown.innerHTML=wait;
    if (wait == 0){
        clearInterval(timeout);
        location.href="<link to the download file goes here>";
    }
},1000);
</script>
</body>
</html>

单击下载图标和另一个页面应打开，显示消息并开始下载

2 个答案: