Question

基本上有一个空盒子，下面直接有一个提交按钮。空框可能有一个默认图片加载开始。当用户单击提交按钮时，如何根据当天的特定时间显示不同的图片（代替默认图片）。我真的不需要关于checkTime逻辑的答案，但我会感谢一些关于提交按钮能够在同一地点更改图片的帮助。谢谢你们。

Answer 1

如果你只有一个简单的按钮，你可以添加一个onclick事件：

示例1：

<input type="button" onclick="changeImage()" />

并且你的changeImage（）函数将具有遵循的逻辑

示例2：

<input type="button" id="submitButton" value="Button"/>

Javascript -

document.getElementById("submitButton").onclick = function () {
   // run the logic
}

可以使用src属性

切换图像

javascript -

document.getElementById("theImage").src = "newImage.jpg";

Answer 2

由于您正在谈论“提交”按钮，我认为它在表单内。提交表格应该有其他影响吗？如果不是，请使用type="button"而不是type="submit"。无论哪种方式，这里有一些基本代码可以帮助您入门：

<img id="thePicture" src="...">
<input type="submit" value="Go" onclick="return changePicture();">

<script>
function changePicture() {
  // your logic here to set which picture to use
  var newPicture = "yourpath/images/img1.jpg";

  document.getElementById("thePicture").src = newPicture;

  // return false to stop the form submitting, otherwise
  return true;
}
</script>

“提交”按钮根据一天中的时间显示图像

2 个答案: