jquery - 根据时间改变按钮的颜色

Question

我想根据轮类时间更改按钮的颜色。同样，如果是早类，按钮颜色应该是蓝色，而在晚上它应该自动变为红色或任何不同的颜色。我需要四种不同的颜色。谁能帮我解决这个问题？

$(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" />

Answer 1

下面是可以帮助您的示例代码。只需从 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" />