如何让网页中图片等待5秒再显示。

网页打开的时候,网页中的图片就会马上显示。如何让某一个图片,在网页打开后5秒在显示出来。

回复讨论(解决方案)

1. 图片载入有判别事件,在事件中设置图片对象的显示隐藏

2. 网页加定时器,到了5s,把指定图片显示出来

11222

JS定时器setInterval

用js控制啊,setTimeout()

使用定时器setInterval

setTimeout() 是在事件触发之后的一定时间后执行定义的函数 只执行一次 执行时间自己定义

setInterval() 是在事件触发后每隔一定时间就执行一次 时间自定义 是重复执行

楼主自己选择吧

2楼代码错误很多:

1、根据要求,首先就应该用setTimeout()而不是setInterval(),这个7楼已经转录了函数说明。

2、而且要在5秒后显示的话,根本不需要设置一秒事件并进行计数,画蛇添足了。

3、如果使用setInterval(),在触发了显示操作之后,应该用clearInterval()来取消不必要的继续计时。

正确做法是直接使用setTimeout(),直接5秒一步到位:

$("object").delay("5000").animate();

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

html图片5秒后消失,如何让网页中图片等待5秒再显示_html/css_WEB-ITnose相关推荐

  1. Unity预制体生成几秒后消失

    例如子弹在发射几秒后消失 1.有时间t1,t2,t1在start函数里,t2在upstate函数里, 2.利用间隔时间差消失自己 void Start(){t1 = Time.fixedTime;// ...

  2. php延时5秒显示,JS/jQuery实现DIV延时几秒后消失或显示

    本文主要和大家介绍了JS/jQuery实现p延时几秒后消失或显示的方法,结合实例形式分析了javascript使用setTimeout及jQuery使用delay方法实现延迟显示功能的相关操作技巧,需 ...

  3. 使用jQuery实现点击页面时,出现心型特效,几秒后消失的效果案例

    首先呢,实现这个特效使用的技术是前端技术jQuery,实现代码只需几十行即可. 第一步创建一个demo.html文件,给body设置一个高度,这里如果body如果没有设置高度的话,不会看到效果. ht ...

  4. php延时5秒显示,在JS/jQuery中如何实现DIV延时几秒后消失或显示

    这篇文章主要介绍了JS/jQuery实现p延时几秒后消失或显示的方法,结合实例形式分析了javascript使用setTimeout及jQuery使用delay方法实现延迟显示功能的相关操作技巧,需要 ...

  5. 10秒后自动跳转网页

    脚本说明: 把如下代码加入区域中 <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var start=new Date(); ...

  6. python 实现获取与下载网页中图片的四种方案

    前言 当要获取页面上的图片,我们常规的做法是: 在图片上点击鼠标右键, 然后选择 图片另存为, 弹出保存窗口, 选择或输入保存的位置, 点击 确定 按钮即可. 那么,如果我们想要使用python在脚本 ...

  7. C语言如何让程序一秒运行一下,少儿编程中的等待一秒

    在c++中如何让程序等待一秒后才运行下面的语句??? 使用线程睡眠:Sleep(1000) 线程可以调用Sleep函数使其在指定时间内不被调度: VOID Sleep(DWORD dwMillisec ...

  8. 手机端网页中图片之间出现白线的解决方法

    手机端网页中图片之间出现白线的解决方法 参考文章: (1)手机端网页中图片之间出现白线的解决方法 (2)https://www.cnblogs.com/syzdidi/p/9686463.html 备 ...

  9. js删除网页中图片width 和 height

    js删除网页中图片width 和 height 一段代码轻松搞定 适用于: 电脑端网页带图片属性导致移动网页显示错位/错误 备注: 需搭配jquery.min.js (注!jquery-2.0以上版本 ...

最新文章

  1. VC提前注入.net软件的方法
  2. “偷鸡”不成的马斯克,终于丢掉了自己的“王位”
  3. 在AWS控制台里根据需要打开指定的通信端口
  4. java 注解 静态变量_Spring中静态方法中使用@Resource注解的变量
  5. 【design pattern】工厂方法模式和抽象工厂模式
  6. 比特飞使用的是什么主题
  7. poj2386(简单的dfs/bfs)
  8. c语言怎么用右移代替除法,除法和算术右移之间的巧妙取代
  9. cocos2dx[2.x](13)--基本绘图DrawPrimitives
  10. python使用selenium爬取dell官网驱动(一):获取遍历各驱动的下载网址
  11. PCB信号完整性及EMC整改措施
  12. Java十六进制操作
  13. 大功率的用电电器为什么要用三孔插座?
  14. App渠道统计方法全面解析 总有一种适合你
  15. 南华大学的计算机专业学校排名,2019南华大学专业排名
  16. 电脑Windows使用中遇到的那些问题
  17. 沙特强制无线注册CITC认证讲解
  18. 点击网页上的联系我们弹出QQ对话框的实现
  19. 智慧树怎么导入教务系统的课_智慧团建系统平台公众号(平台登录入口)
  20. 利用AIDA64查看CPU,GPU,RAM温度,使用率等

热门文章

  1. pyspark基础学习——数据处理
  2. 电脑经验--bois用pe进不去,更改UEFI
  3. 安装solidworks 显示:Flexnet Licence Manager is not successfully installed as a service in your system
  4. LTE路测优化工具介绍
  5. 中国软件工程历程与发展(来源:杨芙清院士)
  6. 看到网上有人说软件测试面试要会吹牛,我就在简历上写满了技能精通,拥有工作经验的我被面试官问到窒息...
  7. 英飞凌电动汽车参考方案,包含原理图,和Bom清单,和代码,基于英飞凌TC27xC平台
  8. Linux中的which和whereis
  9. 华为程序员月薪27万,什么级别?吃瓜群众:我也是月入上万的
  10. Python-爬虫(requests库、二进制数据(图片)获取,GET/POST请求、session请求)