本文实例讲述了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="/UploadFiles/2021-04-02/logo.gif">希望本文所述对大家的javascript程序设计有所帮助。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“JavaScript实现定时隐藏与显示图片的方法”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。