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

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

来源

2014-11-25 user3789138

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

来源

2014-11-25 10:19:17

我用这个用图片下载的尝试，但它显示我3秒后在页面上的图像，而不是下载它 – user3789138 2014-11-25 10:38:17

发布您的代码。 – 2014-11-25 10:40:42

您需要准备下载页面并附上超时脚本，以便在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>

来源

2014-11-25 10:29:29 Martin

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

回答

相关问题