关于javascript中的setTimeout()的调用问题，请高手指点！
请问以下代码为什么不能让图片由上到下移动？<html><head><scripttype="text/javascript">functionx(){vare=docum...
请问以下代码为什么不能让图片由上到下移动？
<html>
<head>
<script type="text/javascript">
function x(){
var e=document.getElementsByTagname["img"];
e.style.top=e.style.top+1;
}
</script>
</head>
<body>
<img src="1.gif" width="100" height="100" style="position:absolute; top:100;">
<script type="text/javascript">
setTimeout(x(),1000);
</script>
</body>
</html>
一楼的答案还是不行，
我改成以下也不行，请高手指教！
<html>
<head>
<script type="text/javascript">
function x(){
var e=document.getElementById("xy");
}
</script>
</head>
<body>
<img id="xy" src="1.gif" width="100" height="100" style="position:absolute; top:100;">
<script type="text/javascript">
setInterval(function{e.style.top=e.style.top+1},1000);
</script>
</body>
</html>
补充问题：谢谢三楼的前辈，还想问下：
为什么把setTimeout(function(){
x();
},1000)
改成setTimeout(
x();
,1000)就不能动呢？ 展开
<html>
<head>
<script type="text/javascript">
function x(){
var e=document.getElementsByTagname["img"];
e.style.top=e.style.top+1;
}
</script>
</head>
<body>
<img src="1.gif" width="100" height="100" style="position:absolute; top:100;">
<script type="text/javascript">
setTimeout(x(),1000);
</script>
</body>
</html>
一楼的答案还是不行，
我改成以下也不行，请高手指教！
<html>
<head>
<script type="text/javascript">
function x(){
var e=document.getElementById("xy");
}
</script>
</head>
<body>
<img id="xy" src="1.gif" width="100" height="100" style="position:absolute; top:100;">
<script type="text/javascript">
setInterval(function{e.style.top=e.style.top+1},1000);
</script>
</body>
</html>
补充问题：谢谢三楼的前辈，还想问下：
为什么把setTimeout(function(){
x();
},1000)
改成setTimeout(
x();
,1000)就不能动呢？ 展开
展开全部
恩 发个代码给你看看 你的我改了改
<html>
<head>
<script type="text/javascript">
var height = 200;
function x(){
var e=document.getElementById("ahaha");
e.style.top= height;
height++
}
function start(){
setTimeout(function(){
x();
},1000)
}
</script>
</head>
<body onload="start()">
<img id="ahaha" src="1.gif" width="100" height="100" style="position:absolute; top:100;">
</body>
</html>
第一style.top是个字符串你开始的值为stype.top是"100px"而非100所以要让他动就得把他的值改为"100px"，而不是100。
再者 你的document.getElementsByTagname["img"];
不是得到的图片元素，而是图片元素的数组所以我给你加成了ID
在firefox上面测试有效 你可以把setTimeOut改为setInterval
<html>
<head>
<script type="text/javascript">
var height = 200;
function x(){
var e=document.getElementById("ahaha");
e.style.top= height;
height++
}
function start(){
setTimeout(function(){
x();
},1000)
}
</script>
</head>
<body onload="start()">
<img id="ahaha" src="1.gif" width="100" height="100" style="position:absolute; top:100;">
</body>
</html>
第一style.top是个字符串你开始的值为stype.top是"100px"而非100所以要让他动就得把他的值改为"100px"，而不是100。
再者 你的document.getElementsByTagname["img"];
不是得到的图片元素，而是图片元素的数组所以我给你加成了ID
在firefox上面测试有效 你可以把setTimeOut改为setInterval
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
