Well, you can do it with javascript.
The idea is that you will make your link.. and then use javascript to delay the link for 30 seconds.
You will need the “Scripts and Styles” plugin first. Search for it in the repository here.
Then, in your global “scripts” section, add this:
document.write('<style type="text/css">#timed{display:none;}<\/style>')
function delay_link(){
var d=delay_link, t=document.getElementById('timed');
if(d.c&&d.c.nodeValue.replace(/[^\d]*/,'')-1>0){
d.c.nodeValue='\xa0\xa0'+(d.c.nodeValue.replace(/[^\d]*/,'')-1);
setTimeout('delay_link()', 1000)
return;
}
else if(!d.c){
d.c=document.createTextNode('10');
t.parentNode.insertBefore(d.c,t);
setTimeout('delay_link()', 1000)
return;
}
d.c.nodeValue='';
t.style.display='inline';
}
Next, you will need to wrap whatever content you are delaying with a div with an id of timed. So, whenever you use anything with an id of timed, this effect will be applied.
So, your html should look like this:
<a id="timed" href='PATH_TO_YOUR_FILE'>Click Here to start your download</a>
You can also add your own class to the link “a” tag above, if you wish to further style it via custom css:
<a id="timed" class="my_style" href='PATH_TO_YOUR_FILE'>Click Here to start your download</a>
Hope this helps get you started.
