根据用户当前时间输出 HTML

Question

我想做以下事情：如果时间在上午 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>