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 iswindow.setTimeout or window.setInterval, no parameters can be taken when using the function name as the calling handle.
setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);2. Set the hiding of the dialog box
Commonly used method one:<script language='javascript' type='text/javascript'>
$(function () {
setTimeout(function () {
$("pid").show();
}, 6000);
})
</script><script language='javascript' type='text/javascript'>
$(document).ready(
function()
{
/**
*1.delay函数是jquery 1.4.2新增的函数
*2.hide函数里必须放一个0,不然延时不起作用
*3.delay是异步执行的。
*/
$('#pid').delay(6000).hide(0);
}
);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! Recommended reading:Implementation of mouse-responsive transparency gradient effect
How to realize the scroll bar automatically when it slides to the bottom Loading more content
#How to use jquery to create a magnifying glass effect
The above is the detailed content of jQuery method to implement timed hiding of dialog boxes. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
