时间戳

首页 > 解决方案 > 根据用户当前时间输出 HTML

javascript - 根据用户当前时间输出 HTML

问题描述

我想做以下事情：

如果时间在上午 7 点至下午 12 点（周一至周六）之间，则输出 html 代码，否则输出其他内容。

我目前已经尝试过：（忽略代码中的时间，这只是为了测试目的 - 我仍然希望它在早上 7 点到下午 12 点完成）

<script>
            var today = new Date()
var curHr = today.getHours()

if (curHr < 12) {
  phoneText .innerHTML="<div class='col-sm-6 col-md-3'><div class='support-box'><div class='icon green'><i class='fas fa-comments'></i></div><div class='details-holder'><div class='title'>Live Chat</div><a href='javascript:$zopim.livechat.window.show();' style='color:white;'>Start a live chat</a></div></div>";
} else if (curHr < 18) {
  phoneText .innerHTML="<div class='col-sm-6 col-md-3'><div class='support-box'><div class='icon green'><i class='fas fa-comments'></i></div><div class='details-holder'><div class='title'>Live Chat</div><a href='javascript:$zopim.livechat.window.show();' style='color:white;'>Start a live chat</a></div></div>";
} else {
  phoneText .innerHTML="<div class='col-sm-6 col-md-3'><div class='support-box'><div class='icon green'><i class='fas fa-comments'></i></div><div class='details-holder'><div class='title'>Live Chat</div><a href='javascript:$zopim.livechat.window.show();' style='color:white;'>Start a live chat</a></div></div>";
}</script>

然后我有<div id="phone"></div>

标签： javascripthtml

解决方案

尝试这个

https://jsfiddle.net/opecmshb/2/

例如，我使用curHr = 11了因为在我的 jsfiddlevar curHr = today.getHours()中不起作用

推荐阅读