JS/jQuery实现DIV延时几秒后消失或显示的方法


Posted in jQuery onFebruary 12, 2018

本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法。分享给大家供大家参考,具体如下:

1、最常用的方法(setTimeout):

<script language='javascript' type='text/javascript'>
$(function () {
 setTimeout(function () {
  $("divid").show();
 }, 6000);
})
</script>

2、第二种方法(delay

jquery 让一个div延时消失,纯jQuery,不用settimeout,就用jQuery写。

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

希望本文所述对大家JavaScript程序设计有所帮助。

jQuery 相关文章推荐
jQuery日程管理控件glDatePicker用法详解
Mar 29 jQuery
jquery实现图片上传前本地预览
Apr 28 jQuery
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 jQuery
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
Apr 12 jQuery
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
jquery使用FormData实现异步上传文件
Oct 25 jQuery
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
jQuery简单实现根据日期计算星期几的方法
Jan 09 jQuery
jQuery实现消息弹出框效果
Dec 10 jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 #jQuery
jQuery实现的简单图片轮播效果完整示例
Feb 08 #jQuery
jQuery 防止相同的事件快速重复触发方法
Feb 08 #jQuery
jQuery实现动态显示select下拉列表数据的方法
Feb 05 #jQuery
jQuery Dom元素操作技巧
Feb 04 #jQuery
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 #jQuery
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 #jQuery
You might like
PHP面向对象概念
2011/11/06 PHP
跟我学Laravel之快速入门
2014/10/15 PHP
thinkPHP实现将excel导入到数据库中的方法
2016/04/22 PHP
Yii CGridView用法实例详解
2016/07/12 PHP
php基于自定义函数记录log日志方法
2017/07/21 PHP
PHP实现的回溯算法示例
2017/08/15 PHP
兼容ie和firefox js关闭代码
2008/12/11 Javascript
基于jquery的回到页面顶部按钮
2011/06/27 Javascript
js DOM 元素ID就是全局变量
2012/09/20 Javascript
json原理分析及实例介绍
2012/11/29 Javascript
innerText和textContent对比及使用介绍
2013/02/27 Javascript
js如何获取file控件的完整路径具体实现代码
2013/05/15 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
2014/04/16 Javascript
JavaScript实现的一个日期格式化函数分享
2014/12/06 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
2015/06/19 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
2015/10/02 Javascript
jQuery Validate表单验证深入学习
2015/12/18 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
vue中使用localstorage来存储页面信息
2017/11/04 Javascript
详解Nodejs mongoose
2018/06/10 NodeJs
JS实现把一个页面层数据传递到另一个页面的两种方式
2018/08/13 Javascript
微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例
2018/12/20 Javascript
vue实现路由不变的情况下,刷新页面操作示例
2020/02/02 Javascript
一个基于flask的web应用诞生 使用模板引擎和表单插件(2)
2017/04/11 Python
selenium+python自动化测试环境搭建步骤
2019/06/03 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
python中四舍五入的正确打开方式
2021/01/18 Python
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
如果NULL定义成#define NULL((char *)0)难道不就可以向函数传入不加转换的NULL了吗
2012/02/15 面试题
广告学专业自荐信范文
2014/02/24 职场文书
银行办公室岗位职责
2014/03/10 职场文书
个人纪律作风整改措施思想汇报
2014/10/12 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
财务负责人岗位职责
2015/02/03 职场文书
辞职信格式范文
2015/05/13 职场文书