php - 商店时钟 - 根据商店营业时间显示 30 分钟倒计时
问题描述
我试图在我的电子商务商店关闭时间前 30 分钟显示分钟倒计时。基本上,您有“29 分 32 秒的时间下订单”。
我有从几个 ACF(高级自定义字段)时间选择器字段中提取存储时间的当前脚本。我也在正确地拉动我的商店日期和时间......我只是不知道如何将它们放在一起以在 30 分钟前显示消息并初始化倒计时。
function sat_clock() {
$format = get_option('date_format') . ' ' . get_option('time_format');
$hour = the_field('weekday_open', 'options');
$times = array(
'mon' => '9:00 AM - 9:00 PM',
'tue' => '9:00 AM - 9:00 PM',
'wed' => '9:00 AM - 9:00 PM',
'thu' => '9:00 AM - 9:00 PM',
'fri' => '9:00 AM - 9:00 PM',
'sat' => '11:00 AM - 6:00 PM',
'sun' => 'closed'
);
print date_i18n($format, current_time('timestamp'));
print $hour;
}
add_action( 'woocommerce_archive_description', 'sat_clock' );
解决方案
只需检查当前时间与当天的关闭时间的差异。如果这小于 30 分钟(1800 秒),则显示一个小的JavaScript 倒计时计时器,该计时器从当前时间和当天的关闭时间之间的差异开始。
add_action( 'woocommerce_archive_description', 'sat_clock' );
function sat_clock() {
$store_times = array(
false, //Sunday
array( //Monday
'open' => '09:00 AM',
'close' => '09:00 PM',
),
array( //Tuesday
'open' => '09:00 AM',
'close' => '09:00 PM',
),
array( //Wednesday
'open' => '09:00 AM',
'close' => '09:00 PM',
),
array( //Thursday
'open' => '09:00 AM',
'close' => '09:00 PM',
),
array( //Friday
'open' => '09:00 AM',
'close' => '09:00 PM',
),
array( //Saturday
'open' => '11:00 AM',
'close' => '06:00 PM',
),
);
$current_day = date( 'w', current_time('timestamp') ); //Numeric representation of the day (0 for Sunday, 6 for Saturday)
$current_date = date( 'd F Y', current_time('timestamp') );
if ( $store_times[$current_day] !== false ) {
$opening_time = strtotime( sprintf( '%s %s', $current_date, $store_times[$current_day]['open'] ) );
$closing_time = strtotime( sprintf( '%s %s', $current_date, $store_times[$current_day]['close'] ) );
if ( $closing_time > current_time('timestamp') && $closing_time - current_time('timestamp') < 1800 ) {
echo "<p id='closing-soon-timer'></p>";
?>
<script>
var timeLeft = <?php echo $closing_time - current_time('timestamp'); ?>;
// Update the count down every 1 second
var x = setInterval(function() {
// Time calculations for minutes and seconds
var minutes = Math.floor(timeLeft / 60);
var seconds = Math.floor(timeLeft % 60);
// Display the result in the element with id="demo"
document.getElementById("closing-soon-timer").innerHTML = minutes + "m " + seconds + "s to place an order.";
// If the count down is finished, write some text
if (timeLeft < 0) {
clearInterval(x);
document.getElementById("closing-soon-timer").innerHTML = "Closed for today";
}
timeLeft--;
}, 1000);
</script>
<?php
} elseif ( $opening_time > current_time('timestamp') || $closing_time < current_time('timestamp') ) {
echo "<p>Closed for today</p>";
} else {
echo "<p>Open for business</p>";
}
} else {
echo "<p>Closed for today</p>";
}
}
推荐阅读
- django - Django:发送电子邮件会导致 OSError
- javascript - 将视频从浏览器流式传输到 Amazon Kinesis Video
- angular - 如何使用从 DropDown 中选择的字符串查找类变量
- python - 为什么我删除闰日后 pandas dayofyear 会返回 366 行?
- python - 日期格式为 YYYYMMDD 而不是 python 中的 YYYY-MM-DD
- c++ - FFmpeg - 重采样音频,噪音很大
- android - 在没有 Android Studio 的情况下制作 APK
- c# - 关于在 UWP 中处理 Scoped Batch 动画
- sdn - 在 OpendayLight 上看不到自定义拓扑 mininet
- sql-server - 在 SQL SERVER 中批量插入 CSV 文件的安全方法