Run JavaScript after the page loads (document.ready) [duplicate]

Question

I have the following script inside my master page :-

<script type= "application/javascript">
document.getElementById("currentdate").innerHTML = EMBEDformatAMPM();
var myVar=setInterval(function(){myTimer()},30000);
function myTimer()
{
document.getElementById("currentdate").innerHTML = EMBEDformatAMPM();
}
//code goes here
}</script>

but the problem i am facing is that the script will run before the (currentdate").innerHTML loads, and the script will raise a null reference exception, so my question is basically about how i can force the javaScript to run after the page loads.? Thanks

EDIT

My jQuery file is raising the following error ,, not sure why :-

Error: Syntax error, unrecognized expression: unsupported pseudo: visited

enter image description here

Your question isn't clear. Where exactly is this inline script placed in your master page? And what did you mean when you said: "the script will run before the ("currentdate").innerHTML loads?" Are you referring to the rendering of the element? — little pootis
– little pootis, Commented Sep 26, 2014 at 16:05
this script is directly added to my master page ,, at the bottom — John John
– John John, Commented Sep 26, 2014 at 16:07
If your script is placed right before the closing </body, you don't need to register your code to any onload event. — little pootis
– little pootis, Commented Sep 26, 2014 at 16:10
Regarding that jQuery Error: The :visited pseudo selector isn't supported. (Don't ask me why). Use the jquery.visited plugin. remysharp.com/2008/02/25/visited-plugin — little pootis
– little pootis, Commented Sep 26, 2014 at 16:14

Bernd · Accepted Answer · 2014-09-26 16:07:35Z

5

For Non-jQuery Solution:

window.onload = function(){
    YOUR CODE HERE;
};

For jQuery Solution:

$(document).ready(function(){
    CODE HERE;
});

Greetings

edited Sep 26, 2014 at 16:07

answered Sep 26, 2014 at 16:00

Bernd

7301 gold badge5 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

LcSalazar Over a year ago

stackoverflow.com/questions/2728922/…

Bernd Over a year ago

Just edited the comment...

Community · Accepted Answer · 2017-05-23 11:43:51Z

With jQuery, this is extremely simple:

$(document).ready(function(){
  // Your code here.
});

There are several ways to do it without jQuery, though these are more complex. Some of the best of them are available as answers to this question on StackOverflow: $(document).ready equivalent without jQuery

Edit (to address question edit): If you're using jQuery anyway, consider rewriting what you have above to something like the following:

<script type= "application/javascript">
$("#currentdate").html(EMBEDformatAMPM());
var myVar = setInterval(function(){myTimer()},30000);
function myTimer()
{
  $("#currentdate").html(EMBEDformatAMPM());
}
</script>

If this part needs to wait until the document is ready, then it should also have the code for that wrapped around it:

<script type= "application/javascript">
$(document).ready(function(){
  $("#currentdate").html(EMBEDformatAMPM());
  var myVar = setInterval(function(){myTimer()},30000);
  function myTimer()
  {
    $("#currentdate").html(EMBEDformatAMPM());
  }
});
</script>

can you check my edit to the original question, as my jQuery 1.10.2 is raising errors?

Jason Roner · Accepted Answer · 2014-09-26 16:01:08Z

0

Since Jquery is one of your tags in your question, you can just use:

$(document).ready(function(){
    //your code to run

});

answered Sep 26, 2014 at 16:01

Jason Roner

9051 gold badge9 silver badges15 bronze badges

Comments

little pootis · Accepted Answer · 2014-09-26 16:23:14Z

Your code should run well if you place your inline script right before the closing tag, or after writing HTML for #currentdate. And please tell me if it doesn't.

The reason why that JavaScript error is being thrown is because the :visited pseudo selector is no longer supported. That feature allows websites to track users and has been removed for some privacy reasons.

You can read more about that here.

Don't worry, there's a workaround. You can use the visited plugin by Remy Sharp. If you're using :visited just for styling purposes, remove it, unless it's necessary.

Collectives™ on Stack Overflow

Run JavaScript after the page loads (document.ready) [duplicate]

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Linked

Related