个人中心
gpt4 book ai didi

javascript - 示例中 .src 和 .alt 的作用是什么？

转载 作者：行者123 更新时间：2023-12-03 04:42:46 25 4
gpt4 key购买 nike

我目前正在学习 JavaScript。我已经到了src 和alt 的重点了。我得到了这个例子，但我不明白这个例子的意义是什么。有人可以解释一下吗？ (第 4 行和第 5 行)。为什么最后又执行了Change()函数？(完整代码)

function Change() {  
  var first = document.getElementById('traffic');
  var obj = list[next];
  first.src = obj.src;
  first.alt = obj.src;
  timer = setTimeout(Change, obj.interval);
  nextlight = nextlight + 1;
  if (nextlight == list.length)
    nextlight = 0;
}

完整代码:

<!DOCTYPE html> 
<html> 
<body>

<h1>JavaScript Code</h1>
<p>Traffic Light</p>

<img id="traffic" src="only red1.jpg">
<button type="button" onclick="Change()">Change Light</button>

<script>
var list = [{
  src: "only red1.jpg",
  interval: 10000
}, {
  src: "red-yellow 2.jpg",
  interval: 5000
}, {
  src: "green3.jpg",
  interval: 3000
}, {
  src: "yellowonly4.jpg",
  interval: 1000
}];

var next = 0;
var timer;

function Change() {  
  var first = document.getElementById('traffic');
  var obj = list[next];
  first.src = obj.src;
  first.alt = obj.src;
  timer = setTimeout(Change, obj.interval);
  next = next + 1;
  if (next == list.length)
    next = 0;
}

Change();
</script>

</body> 
</html>

感谢所有帮助，我只是想学习。

最佳答案

obj包含<img>元素，因此分配给 obj.src和obj.alt更改图像显示的 URL。如果你这样做

obj.src = "green3.jpg";

图像将显示绿灯。

该函数在最后执行，以便进行第一次灯光变化，然后启动计时器，在几秒钟后再次更改灯光。

关于javascript - 示例中 .src 和 .alt 的作用是什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43013994/

25 4 0
文章推荐： javascript - 使用 ember-source 时如何包含 ember-template-compiler.js
文章推荐： javascript - 意外标记 < 使用脚本标记
文章推荐： javascript - 使用 Angular js 在编辑操作期间设置多个 dropdownist 值
文章推荐： javascript - 如何使用 Jquery 替换 url 中的查询字符串值
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com