这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JavaScript 实现定时隐藏与显示图片的方法, 可实现 javascript 定时关闭图片的功能, 涉及 javascript 针对页面元素属性定时操作的相关技巧, 需要的朋友可以参考下
本文实例讲述了 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.phperz.com/images/logo.gif">
- </DIV>
- </center>
- </body>
- </html>
希望本文所述对大家的 javascript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0411/270077.html