Question

Alright so here is what I am trying to do.

Ones user uses short link ?f=xHnAnn they are then send to /psn/xHnAnn.aspx where they get a Thank You message and the file is pushed to the browser.

What I want to do with jQuery is when user are send to that page they see Preparing text and when 2200 ms delay passes and file is pushed to user the Preparing is changed into Thank You.

I don’t currently use or have any jQuery written up. I am using basic JavaScript for the delayed push.

<?php if($_GET['f'] == 'xHnAnn') { ?> //just an example actuall code has == $itemID

<script type="text/javascript">
<!--
function delay(){
    window.location = "psn/xHnAnn.aspx?hash=fa456f8df65663d9fb"
}
//-->
</script>

<?php } ?>

Answer 1

Here’s one way to do it (using jQuery):

​<p id="status">Preparing text...</p>

<script type="text/javascript">
    window.setTimeout(function(){
        $("#status").html(​​​​​​​​​"Thanks for waiting!");
    }, 2200);
</script>​​​​​​​​​

DEMO

If you want to change the delay between the text change from 2200 ms to 2200 seconds (37 mins to load??), then replace the 2200 in the above code with 2200000.

Or if you’d prefer not to use jQuery, you could use pure javascript instead:

​<p id="status">Preparing text...</p>

<script type="text/javascript">
    window.setTimeout(function(){
        document.getElementById("status").innerHTML = ​​​​​​​​​"Thanks for waiting!";
    }, 2200);
</script>​​​​​​​​​

DEMO