欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery延迟函数让DIV延时几秒后消失或显示

程序员文章站 2022-06-08 20:57:53
在手机端html的长按弹出删除功能时,遇到一个需求就是要给touchend事件添加一个延迟时间。今天分享的这个就是解决当初方法的一个延迟例子。 第一种方法:最常用的方法。好处是在...

在手机端html的长按弹出删除功能时,遇到一个需求就是要给touchend事件添加一个延迟时间。今天分享的这个就是解决当初方法的一个延迟例子。

第一种方法:最常用的方法。好处是在这个延迟时间内自定义一些复杂的操作

<script type='text/javascript'>
$(function () {
var timeout=settimeout(function () {
$("pid").show();
}, 800);
})
</script>

第二种方法,这种方法适用一些简单事件

/**jquery 让一个p延时消失,纯jquery,不用settimeout,就用jquery写。*/
<script language='javascript' type='text/javascript'>
$(document).ready(
function()
{
/**
*1.delay函数是jquery 1.4.2新增的函数
*2.hide函数里必须放一个0,不然延时不起作用
*/
$('#pid').delay(800).hide(0);
}
);
</script>