How to add download wait countdown page in wordpress?

Question

In my WordPress website I have a file to download. When user click the button the download start.

But what I want is when a user click on button it opens a new page, show a countdown of 5 seconds and message "your download will start automatically if not click here." Can anyone help me with this matter. I have searched a lot on Internet for any plugin or solution but found nothing. Thanks

score 1 · Answer 1 · answered Jul 09 '15 at 06:25

1

Put that 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);

answered Jul 09 '15 at 06:25

Muhammad HamZa Khan

77
7

thanks for your quick reply. where to put this code to work – Zeeshan Jul 09 '15 at 06:43
The page on which do you want to show download button. – Muhammad HamZa Khan Jul 09 '15 at 06:48
before or after the button and i am using shortcode for buttons? will this work? – Zeeshan Jul 09 '15 at 07:23

score 0 · Answer 2 · edited May 23 '17 at 12:24

You can also try with an iframe in the article body. Make sure you choose to edit it as Text and not Visual.

<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>

It's simpler this way.

Find more about it here: How to start automatic download of a file in Internet Explorer?

How to add download wait countdown page in wordpress?

2 Answers2