发表新帖
发表新帖

How to delay calling of javascript function?

后端 未结
关注
5 2026
野性不改
野性不改 2020-11-29 06:09

I\'m new to JavaScript.

I would like to call JavaScript / jQuery function after the page load in aspx page.

I tried using

相关标签:
5条回答
  • 遥遥无期
    2020-11-29 06:21

    Would be best to use a framework like jQuery.
    In jQuery you can define a function like this:

    $(document).ready(function() {

});

    This way it will be called when the DOM is fully loaded.

    A full documentation of the ready() function can be found here.

    0 讨论(0)
  • 粉色の甜心
    2020-11-29 06:23

    If you're going to be using jQuery then it's preferable to attach an event to the document ready event using one of the following:

    $(document).ready(callback);

    or

    $(document).ready(function () { /* do stuff */ });

    or

    $(callback);

    or

    $(function () { /* do stuff */ });
    0 讨论(0)
  • 醉梦人生
    2020-11-29 06:32

    setTimeout is compatible with all browsers since 1996. You should avoid the evaluation of "functionName()" and instead do:

    setTimeout(functionName,5000)

    UPDATE: If you initially expect a variable passed to the function and none when in the timeout, you need to do this instead:

    setTimeout(function() { functionName() },5000)

    However you are calling the onload incorrectly, so you need to do either this:

    window.addEventListener("load",function() {
  // your stuff
}

    or the simpler

    window.onload=function() {
  // your stuff
}

    or, since you are using jQuery, this:

    $(document).ready(function() {
    // your stuff
});

    or just this:

    $(function() {
    // your stuff
});
    0 讨论(0)
  • 小蘑菇
    2020-11-29 06:36

    If you want to be 100% sure that it's when the page ACTUALLY loads, use:

    $(window).load(function(){
   //After EVERYTHING loads, including images.
})

    The other's solution, onload works, but it loads once the DOM is ready, but not when the window is actually finished loading.

    0 讨论(0)
  • 温柔的废话
    2020-11-29 06:38 
    $(document).ready(function(){ 

   //Code goes here

});

    or old style

    <body onload="myFunction()">
    0 讨论(0)
 看不清?
提交回复
热议问题