我想有一个JavaScript代码来检查当前时间是否在晚上7点到早上7点之间。如果是这样,它应该将我网站上的背景颜色更改为X。如果当前时间不在晚上7点到早上7点之间,则背景颜色应该是wordpress主题的原始颜色。应该从用户浏览器中自动知道时间,并据此触发该功能。
我在网上看到此代码会触发用户时间
<script type="text/javascript" src="<?php echo plugin_dir_url( __FILE__ ) . 'moment.min.js';?>"></script>
<script type="text/javascript" src="<?php echo plugin_dir_url( __FILE__ ) . 'moment-timezone.js';?>"></script>
<script type="text/javascript" src="<?php echo plugin_dir_url( __FILE__ ) . 'moment-timezone-data.js';?>"></script>
<script type="text/javascript" src="<?php echo plugin_dir_url( __FILE__ ) . 'jquery-1.9.0.min.js';?>"></script>
<script type="text/javascript" src="<?php echo plugin_dir_url( __FILE__ ) . 'jstz-1.0.4.min.js';?>"></script>
<script type="text/javascript">
$(document).ready(function() {
var tz = jstz.determine();
var current_time= moment.tz().format('MMMM Do YYYY, h:mm:ss a');;
alert(current_time);
});
触发时间所需的文件Download the necessary files
如果您有其他方法,请随时提出建议
使用一些基本的javascript和jquery,这应该非常简单:
$(document).ready(function() {
// get today's info
var d = new Date();
// get the hour of the day - between 1 & 24
var time = d.getHours();
// check if hour is at 7pm or later
if (time >= 19) {
$('.background').css('background-color', '#000');
// check if time is 7am or earlier
} else if (time <= 7) {
$('.background').css('background-color', '#000');
} else {
// you can remove this else statement is meant to demonstrate what would happen between 7am and 7pm if there was not a default
$('.background').css('background-color', 'orange');
}
});
.background {
width: 500px;
height: 500px;
background-color: blue;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="background"></div>