學習JAVASCRIPT

最新推荐文章于 2025-11-29 13:42:57 发布

原创最新推荐文章于 2025-11-29 13:42:57 发布 · 404 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #header #function #file #xhtml #input

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>照相簿之四</title>
</head>
<script>
var header="images/";
var arr_file=["untitled.bmp","untitled2.bmp","untitled3.bmp","untitled4.bmp"];
var i=1;
var n=5;
function turnnext(y)
{
if(y==0)
{
document.imgfile.src=header+arr_file[y];
document.theform.txturl.value=header+arr_file[y];
y=-1;
}
edxx();
id=setTimeout("turnnext()",1000);
}

function edxx(y)
{
if (n==0||n==y) {
n=5;
if (i>3) i=0;
x=i++;
document.imgfile.src=header+arr_file[x];
document.theform.txturl.value=header+arr_file[x];
document.theform.coutn.value="";
}
else {
document.theform.coutn.value=n;
n=n-1;
}

}

function self()
{
clearTimeout(id);
edxx(n);
turnnext(n);
}
</script>
<body onload="turnnext(0);">
<div id="mydiv"><img name="imgfile" alt="點擊顯示下一幅圖片！" onclick="self();"/><br />
<form name="theform">
<input name="coutn" type="text" style="border:0"/>
<input name="txturl" type="text" /></form></div>
</body>
</html>