个人中心
gpt4 book ai didi

javascript - 使用 JavaScript 更改 html 图像的每个刻度

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

我试图用JavaScript每10毫秒检查一次html表单的内容，如果表单的内容等于某个字符串，它将改变html图像。这是我的代码:

<form>
  Search<br/>
  <input type="text" name="search"/>
</form>

<img id="image" src="images/image.png"/>

<script type="text/javascript"> 
function searchtoJS {
    var userSearch = document.getElementsByName("search")[0].value;
}

setInterval(searchtoJS(), 10);

if (userSearch.toLowerCase() == "test" || "test2" || "1") {
    document.getElementById("image").src="images/image2.png";
}
</script>

就像我说的，我刚刚开始使用 JavaScript，所以请耐心等待这段代码。

我将非常感谢任何帮助:)

最佳答案

你差一点就明白了:

您需要做的就是将检查移到每 x 毫秒触发的函数内，如下所示:

<html>
<head>
</head>
<body>
<form>
 Search<br>
    <input type="text" name="search"/>
</form>

<br><br>

<img id="image" src="images/1.jpg"/>


<script type="text/javascript"> 
function searchtoJS () {
    var userSearch = document.getElementsByName("search")[0].value;
    if (userSearch.toLowerCase() === "test" || userSearch.toLowerCase() ===  "test2" || userSearch.toLowerCase() === "1") {
        document.getElementById("image").src="images/2.jpg"; 
    }
}

setInterval(searchtoJS, 1000);
</script>
</body>
</html>

将其发布到文件 test.html 中，创建一个文件夹 images，然后放入 2 个图像，一个名为 1.jpg，另一个名为 2.jpg。

关于javascript - 使用 JavaScript 更改 html 图像的每个刻度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43344731/

25 4 0
文章推荐： 基于Azure webjobs计划，何时关闭主机？
文章推荐： javascript - JS新设置，删除重复不区分大小写？
文章推荐： performance - SQL Azure - 如果包含具有大尺寸 nvarchar 的列，则使用 row_number() 的查询执行速度会很慢
文章推荐： javascript - Angular 检测和插入组件
行者123
个人简介

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

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