JavaScript实现定时隐藏与显示图片的方法
2015-08-06 00:00
746 查看
本文实例讲述了JavaScript实现定时隐藏与显示图片的方法。分享给大家供大家参考。具体如下:
这里使用JavaScript实现定时隐藏与显示图片,设定图片在几秒后会自动显示,也会自动隐藏,秒数这个自己去定义吧,在JavaScript代码片段内。
运行效果如下图所示:
具体代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>定时隐藏图片</title> </head> <SCRIPT LANGUAGE="JavaScript"> var sec=10; var timer; function hidepic() { sec--; if (sec==0){ textfield.value = "图片被隐藏"; soccer.style.visibility =(soccer.style.visibility == "hidden") ? "visible" : "hidden"; } else{ textfield.value = "图片会在 "+sec+" 秒后隐藏"; setTimeout("hidepic()",1000); } } </SCRIPT> <body onLoad = "hidepic();"> <center> <input name="textfield" type="text" size="20"> <br> <DIV ID="soccer" STYLE="position:absolute; left:333px; top:43px"> <img border="0" src="http://www.jb51.net/images/logo.gif" > </DIV> </center> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章推荐
- JS实现三级折叠菜单特效,其它级可自动收缩
- javascript实现网页背景烟花效果的方法
- JS实现霓虹灯文字效果的方法
- javascript使用输出语句实现网页特效代码
- PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
- 不好的JS脚本(编译器无法优化)
- fastjson转json的时候过滤掉某些属性
- 如何延迟加载js文件
- [学习笔记]JavaScript基础
- Javascript高级程序设计第八九章
- 【前端学习笔记】Javascript中的正则表达式-实例
- [LeetCode][JavaScript]Length of Last Word
- 【前端学习笔记】Javascript中的正则表达式
- seajs使用-1 解决冲突和依赖
- ExtJs使用总结
- [学习笔记]JavaScript基础--选项卡
- HYSBZ 1821 [JSOI2010]Group 部落划分(kruskal)(中等)
- [JSOI2008][BZOJ1017] 魔兽地图DotR|树型dp
- 解决js跨域问题的思路及实践
- [学习笔记]JavaScript基础--提取事件