需要对夜间模式wordpress网站进行编码的帮助,它将在晚上7点至上午7点(如instagram)自动触发,但对于我的网站而言

问题描述 投票:0回答:1

我想有一个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 php jquery wordpress
1个回答
0
投票

使用一些基本的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>
© www.soinside.com 2019 - 2024. All rights reserved.