如何在wordpress中添加下载等倒计时页面?

时间:2015-07-09 06:22:15

标签: php jquery wordpress wordpress-plugin

在我的WordPress网站上,我有一个要下载的文件。当用户单击按钮时,下载开始。

但我想要的是当用户点击按钮时会打开一个新页面,显示5秒的倒计时和消息"如果不点击此处,您的下载将自动开始。" 任何人都可以帮我解决这个问题。我在互联网上搜索过任何插件或解决方案,但一无所获。 感谢

2 个答案:

答案 0 :(得分:1)

把那个JavaScript

var downloadButton = document.getElementById("download");
var counter = 10;
var newElement = document.createElement("p");
newElement.innerHTML = "You can download the file in 10 seconds.";
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
id = setInterval(function() {
counter--;
if(counter < 0) {
    newElement.parentNode.replaceChild(downloadButton, newElement);
    clearInterval(id);
} else {
    newElement.innerHTML = "You can download the file in " + counter.toString() + " seconds.";
}}, 1000);

答案 1 :(得分:0)

您还可以在文章正文中尝试使用iframe。确保选择将其编辑为文本而非视觉。

<iframe src="[your archive url]" width="1" height="1" frameborder="0"></iframe>

<p style="text-align: center; margin-bottom: 0;">YOUR SOFTWARE IS NOW DOWNLOADING.</p>
<p style="text-align: center;"><em>If the download doesn't start automatically, 
<a href="[your archive url]" target="_blank">click here</a> </em></p>

这种方式比较简单。

在此处查找更多相关信息: How to start automatic download of a file in Internet Explorer?