js如何写出控制图片3秒后出现的呢？代码要简洁哈。谢谢。

JavaScript08

js如何写出控制图片3秒后出现的呢？代码要简洁哈。谢谢。,第1张

你只需要把你显示图片的代码放到，setTimeout函数中就可以了。例子：

setTimeout( function() {

    //显示图片的代码

}, 3000 )

①首先在页面上创建一个img元素，如：

<img id="imgFrm"/>

②准备n张图片，如：

“/1.jsp”，“/2.jsp”，“/3.jsp”（相对地址）

③最简单的js方法：

function a(){

var imgFrm=document.getElementById("imgFrm")

imgFrm.src="/1.jsp"setTimeOut(3000)

imgFrm.src="/2.jsp"setTimeOut(3000)

imgFrm.src="/3.jsp"setTimeOut(3000)

a()

}

<html>

<head><title>test</title>

<script type="text/javascript">

function changeImg(img) {

var a = document.getElementById(img)

a.src="2.jpg"

setTimeout("document.getElementById('img').src='1.jpg'",3000)

}

</script>

</head>

<body>

<img id="img" src="1.jpg" onclick="changeImg('img')"></img>

</body>

</html>

好像实现的不是很好，，参数传递 有问题。。不过楼主要求的功能是有了。。自己改进下。。

修改一下：

<html>

<head><title>test</title>

<script type="text/javascript">

function changeImg(img) {

document.getElementById(img).src="2.jpg"

setTimeout("document.getElementById('"+img+"').src='1.jpg'",3000)

}

</script>

</head>

<body>

<img id="img" src="1.jpg" onclick="changeImg(this.id)"></img>

</body>

</html>