提交按钮根据当天的时间显示图像

基本上有一个空盒子，其下方有一个提交按钮。空盒子可能有一个默认图片加载开始。当用户点击提交按钮时，如何根据当天的特定时间显示不同的图片（代替默认值）。我并不需要关于checkTime逻辑的答案，但是我希望能够在提交按钮可以在同一个地方更改图片的帮助。多谢你们。提交按钮根据当天的时间显示图像

来源

2011-07-24 ArexBawrin

你能生成一个图片服务器端？或者是否有一组适合当天特别慢的图片？ – Orbling

点击提交按钮关闭页面。当页面关闭时，我看不到改变图片的重点。 – Robert

，如果你只是有一个简单的按钮，可以添加一个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";

来源

2011-07-25 00:06:41 Ibu

非常感谢。我只是在学习HTML和Javascript，通常很难找到你想要的东西。再次感谢！ – ArexBawrin

既然你是在谈论一个 “提交” 按钮，我认为它是一个表单中。提交的表单应该有其他效果吗？如果不是，请使用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>

来源

2011-07-25 00:07:32 nnnnnn

提交按钮根据当天的时间显示图像

回答

相关问题