Javascript 如何根据特定时间隐藏和显示聊天机器人？

聊天机器人是这样的：

我想根据某个时间隐藏和显示聊天机器人

例如：

08:00-16:00

：显示聊天机器人

16:00-18:00

：隐藏聊天机器人

我该怎么做？

在JS中：

window.setInterval(myCallback, 5000); //put whatever time span you want instead of 5000
function myCallback() {
var today = new Date();
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time = today.getHours();
var showMe = today.getHours() == 12; // time when you wanna show
var element = document.getElementById("chat-box");
if(showMe){
 element.style.display = "block";  
 } else {
   element.style.display = "none";  
 }

console.log("date", date);
console.log("time", time);
console.log("showMe", showMe);

}

在HTML中：

<div class="chat" id="chat-box"> // add ID to this div

//将ID添加到此div

更改您的笔：

我们可以在js中使用set interval函数。
例如
setInterval（函数（）{
var current=新日期（）；
var到期日=新日期（“2116年1月19日17:59:00”）
//如果条件允许，请检查时间
if（current.getTime（）>expiry.getTime（））{
//添加一些类来隐藏聊天机器人
}else if（current.getTime（）

正如@Saima Haji所提到的，您可以使用window.setInterval函数。创建CSS类并将其添加到要隐藏的HTML元素中始终是一个很好的实践

.hide {
    display: none;
}

给chatbot div一个id，使用JS获取它并操作它的属性

<div id="chatbot">Chatbot HTML</div>

---

Chatbot HTML

您可以创建一个interval函数，该函数将获取当前时间并基于它设置一些变量。使用此变量可显示或隐藏。@Saima Haji您的意思是：？最好选择doc@Saima Haji，看起来是一样的，但我们应该参考文档，因为它们更新了详细信息，并且提供了浏览器支持该特定方法的信息。其他网站有时会有不推荐的详细信息。我很好奇为什么要使用500毫秒延迟？使用0作为延迟将是一种过分的要求，而超过500毫秒的任何内容都会让用户从很小的程度变得非常明显。@Vipul Desai如果每500毫秒检查一次，会不会给网站带来负担？似乎使网站的性能slow@Vipul德赛你不是在检查时区吗？恐怕时区不对2116年1月19日会发生什么？

<div id="chatbot">Chatbot HTML</div>