gpt4 book ai didi

javascript-交通灯,我的图像不会显示在 html 上

转载 作者:行者123 更新时间:2023-12-03 08:10:18 27 4
gpt4 key购买 nike

  <!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var lights=["Images/nt1.jpg","Images/nt2.jpg","Images/nt3.jpg","Images/nt4.png"]
var lightscentre= 0
var timer
function LightCycle
{
if(++lightscentre==30)
lightscentre=0

document.images.banner.src = lights[lightscentre]

timer = setTimeout("LightCycle()",1000)
}
function stopCycle()
{
clearTimeout(timer)
}
</script>
</head>
<body>
<img src="nt1.jpg" name="nt1" width=130 height=175>

<form>
<input type="button" value="Cycle" name="Cycle" onclick="LightCycle()">
<input type="button" value="Stop" name="Stop" onclick="stopCycle()">
</form>
</body>

</html>

这是我的代码,我无法让图像仅显示按钮,我只能看到一个带有黑色十字的框,请帮助我查看错误,因为我需要图像来知道代码是否作品。背景;这是显示当窗口打开时应连续循环的交通灯顺序的代码。 P.S 代码通常看起来不像这样,它只是在我粘贴它时发生的。

最佳答案

这是代码的整理版本:

var lights = ["Images/nt1.jpg", "Images/nt2.jpg", "Images/nt3.jpg", "Images/nt4.png"]
var lightscentre = 0
var timer

function LightCycle() {
clearTimeout(timer)
if (++lightscentre == lights.length)
lightscentre = 0

document.images[0].src = lights[lightscentre]

timer = setTimeout(LightCycle, 1000)
}

function stopCycle() {
clearTimeout(timer)
}

我改变了什么:

  • 声明函数时,如果不使用参数,则在函数名称后需要 ()

  • 我在 LightCycle 开始时清除了所有现有计时器,因此按两次按钮不会导致循环速度加倍。

  • 我更改了选择图像的方法:您的完整代码中可能有不同的方法,但据我所知,document.images.banner没有任何意义。

  • 我简化了 setTimeout 调用:函数名称比字符串计算速度更快。

关于javascript-交通灯,我的图像不会显示在 html 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34179033/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com