JavaScript实现定时隐藏与显示图片的方法
更新时间：2015年08月06日 16:15:10 作者：皮蛋
这篇文章主要介绍了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="https://www.jb51.net/images/logo.gif" >
</DIV>
</center>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
这篇文章主要介绍了JavaScript常用8种数组去重代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
这篇文章主要介绍了js如何读取csv内容拼接成json，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了详解webpack的proxyTable无效的解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
这篇文章主要介绍了关于JavaScript中的数组方法和循环，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要为大家分享了一些精彩的JavaScript代码片段，大家喜欢的收藏一下2017-01-01
这篇文章主要介绍了JS删除String里某个字符的方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下2019-06-06
众所周知正则表达式非常强大,下面这篇文章主要给大家介绍了关于如何使用js正则表达式验证文件夹名是否符合规范的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-05-05
在JavaScript中,遍历集合（如数组、对象、Map和Set等）有多种方式,下面给大家分享几种常用的方法来讲解Javascript中如何循环,感兴趣的朋友一起看看吧2025-04-04
Javascript直接定义对象实例[...2006-12-12
随着web技术发展，使用JavaScript自定义对象愈发频繁，让自己创建的对象也有事件机制，通过事件对外通信，能够极大提高开发效率。下面这篇文章主要给大家介绍了关于利用Javascript实现一套自定义事件机制的相关资料，需要的朋友可以参考下。2017-12-12
最新评论