本文实例讲述了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") "hidden"; } else{ textfield.value = "图片会在 "+sec+" 秒后隐藏"; setTimeout("hidepic()",1000); } } </SCRIPT> <body onLoad = "hidepic();"> <center> <input name="textfield" type="text" size="20"> <br> <DIV ID="soccer"> <img border="0" src="http://www.jb51.net/images/logo.gif" > </DIV> </center> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
【JavaScript实现定时隐藏与显示图片的方法】相关文章：
★ 浅谈JavaScript中的Math.atan()方法的使用
★ 简介JavaScript中的setTime()方法的使用
★ JavaScript中的lastIndexOf()方法使用详解