我想根据轮类时间更改按钮的颜色。同样,如果是早类,按钮颜色应该是蓝色,而在晚上它应该自动变为红色或任何不同的颜色。我需要四种不同的颜色。谁能帮我解决这个问题?
$(document).ready(function(){
$("#hex").on('change', function(){
var hex = $("#hex").val();
$("#btn").css({"background-color":hex});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="hex" />
<input type="button" id="btn" />
最佳答案
下面是可以帮助您的示例代码。只需从 Date()
获取小时数,使用 if-else
条件或 switch-case
并添加您想要的颜色:
$(document).ready(function() {
var hours = new Date().getHours();
var color = '#d00';
if (hours < 12)
color = '#FFF';
else if (hours > 12 && hours < 15)
color = '#000';
$("#btn").css({
"background-color": color
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="hex" />
<input type="button" id="btn" />
关于jquery - 根据时间改变按钮的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44924616/