jQuery method to implement timed hiding of dialog boxes-JS Tutorial-php.cn

jQuery method to implement timed hiding of dialog boxes

php中世界最好的语言

Release： 2018-03-14 17:35:06

Original

1448 people have browsed it

This time I will bring you the jQuery method to implement a timed hidden dialog box. What are the precautions for the jQuery method to implement a timed hidden dialog box? The following is a practical case, let's take a look.

The following content may not be completely correct, but is only for reference in case of questions.

1. setTimeout

: There is a situation where the time is set but the program is executed immediately.

: Whether it is

window.setTimeout or window.setInterval, no parameters can be taken when using the function name as the calling handle.

: The solution is to define an

anonymous function

setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);

Copy after login

: The second parameter is the number of milliseconds, 1 second = 1000 milliseconds

2. Set the hiding of the dialog box

Commonly used method one:

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(function () {
  setTimeout(function () {
    $("pid").show();
  }, 6000);
})
</script>

Copy after login

Commonly used method two:

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(document).ready(
  function()
  {
    /**
    *1.delay函数是jquery 1.4.2新增的函数
    *2.hide函数里必须放一个0,不然延时不起作用
    *3.delay是异步执行的。
    */
    $('#pid').delay(6000).hide(0);
  }
);

Copy after login

3 . The difference between fadeOut and hide

The hide effect is to slowly fold and shrink from bottom to top or from the bottom right to the top left, while the fadeOut effect is to fade out as a whole until it disappears (I No difference is seen)

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!