This article describes the method of JS to achieve a time-limited image disappearance. Share it for your reference. The specific implementation method is as follows:
Copy the code as follows: <html>
<title>Images that disappear within the specified time</title>
<body>
<SCRIPT language=JavaScript>
<!-- Hide the script from old browsers --
// 1) Make an 88*31 LOGO.
if (document.images)
var staticlogo=new Image(758,100)
// 2) Set the path to the LOGO.
staticlogo.src="/images/banner.gif"
// 3) The following is the connection represented by the LOGO.
var logolink="http://www.VeVB.COM/"
// 4) Set the ALT attribute.
var alttext="Code Home"
// 5) Set the following attribute to 1 or 0 (1 is unique to IE, making the LOGO appear)
var fadeintoview=1
/* 6) Finally set the time for displaying the LOGO, for example, 12 seconds, and a value of 0 means that the display is always displayed
*/
var visibleduration=5
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
var fadeset=''
if (fadeintoview)
fadeset="filter:alpha(opacity=0)"
if (document.all)
document.write('<span id="logo"" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>')
function bringintoview(){
if (logo.filters.alpha.opacity<=95)
logo.filters.alpha.opacity+=5
else{
clearInterval(viewit)
if (visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}
function createlogo(){
staticimage=new Layer(100)
staticimage.left=-300
staticimage.top=120
staticimage.document.write('<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0></a>')
staticimage.document.close()
staticimage.visibility="show"
regenerate2()
staticitns()
}
if (document.layers)
window.onload=createlogo;
if (document.all){
w=2
h=2
logo.style.left=w
logo.style.top=h
}
function logoit(){
var w2=document.body.scrollLeft+w
var h2=document.body.scrollTop+h
logo.style.left=w2
logo.style.top=h2
}
function logoit2(){
staticimage.left=pageXOffset+2
staticimage.top=pageYOffset+2
}
function insertimage(){
logo.innerHTML='<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0></a>'
if (fadeintoview)
viewit=setInterval("bringintoview()",100)
else{
if (visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}
if (document.all){
window.onscroll=logoit
window.onresize=new Function("window.location.reload()")
window.onload=insertimage
}
function staticitns(){
setInterval("logoit2()",90)
if (visibleduration!=0)
setTimeout("staticimage.visibility='hide'",visibleduration*1000)
}
//-->
</SCRIPT>
</body>
</html>
<br>
<br>
<br>
<br>
<br>
<br>The picture will disappear automatically after 5 seconds.
<br>
<br>
<br>
I hope this article will be helpful to everyone's JavaScript programming.