文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在JS变量中将"img src=“设置为URL？

问如何在JS变量中将"img src=“设置为URL？
EN

Stack Overflow用户

提问于 2019-08-13 18:49:41

回答 2查看 1.7K关注 0票数 0

我有一个if-else语句，它根据一天中的不同时间提供各种图像URL，其中一个图像的URL为“one”。我希望我能有一个img，其中源加载从if-else语句，本质上加载一个不同的图片在一天中的不同时间。

我为一天中的不同时间设置了变量，然后是从这些变量中选择的if- set语句。以下是最低可重现性样本：

<body onload="load()">
    <p>Test:</p>
    <img src="https://i.imgur.com/4LtRreH.png" id="image" name="image"/>

<script type="text/javascript">
 const now = new Date();
 const slot1 = now.getHours() === 14;
 const slot2 = now.getHours() === 15;

 const imageOne = "https://i.imgur.com/5IaY11U.png";
 const imageTwo = "https://i.imgur.com/ANdRs50.png";

        function load() {
        document.getElementById('image').src= imgPick();
        }

        function imgPick() {
            if (slot1) {
            imageOne;
            } else if (slot2) {
            imageTwo;
            }
        };
</script>

</body>

为了简单起见，我刚刚添加了发布时的插槽。

我的目标是让我的img src在身体上被来自if-src语句的URL替换。因此，既然我在下午2点32分发布这篇文章，它应该会加载imageOne。现在，它一直默认使用< body>中给出的链接。

如果有人能指出正确的方向，我会非常感激的。

javascript

html

src

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-08-13 18:51:52

只需返回值

function imgPick() {
  if (slot1) {
    return imageOne;
  } else if (slot2) {
    return imageTwo;
  }
}

票数 2

Stack Overflow用户

发布于 2019-08-13 18:57:51

function imgPick() {

 const now = new Date();
 const slot1 = now.getHours() === 14;
 const slot2 = now.getHours() === 15;

 const imageOne = "https://i.imgur.com/5IaY11U.png";
 const imageTwo = "https://i.imgur.com/ANdRs50.png";

        if (slot1) {
           return imageOne;
        } else if (slot2) {
           return imageTwo;
        }

最好将常量输入到函数中，这样，一旦函数被执行，它们就会被销毁，这样就不会在全局范围内浪费内存。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57483748

复制

相似问题

问如何在JS变量中将"img src=“设置为URL？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JS变量中将"img src=“设置为URL？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JS变量中将"img src=“设置为URL？
EN