文章/答案/技术大牛

发布

社区首页 >问答首页 >每周在特定时间更改按钮文本(或div)

问每周在特定时间更改按钮文本(或div)
EN

Stack Overflow用户

提问于 2020-11-10 23:51:27

回答 2查看 102关注 0票数 1

这有点难解释，但我有一个按钮，上面写着“离线”，我想要做的是，每周五晚上7点到9点之间自动更改为“在线”，但在9点时，它需要再次切换到“离线”。

有某种JavaScript解决方案吗？我还没有尝试过任何代码，因为我不知道从哪里开始。

谢谢你的建议。

谢谢

javascript

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-11-10 23:59:14

您可以使用getDay()和getHour()。下面是一个例子：

如果getDate()是5，这意味着星期五
如果getHour()在19到21之间，这意味着晚上7点到9点，

var today = new Date();
var element = document.getElementById('status')
if(today.getDay() == 5 && (today.getHours() >= 19 && today.getHours() <= 21)){
    element.innerHTML = 'online';
}else{
    element.innerHTML = 'offline'
}

<button id="status"></button>

票数 0

Stack Overflow用户

发布于 2020-11-10 23:58:31

JS有一个内置的日期函数，您可以使用

var time = new Date();
var hours = time.getHours()
var day = time.getDay()
if ((hours > 18 && hours < 22) && day == 5) {
  // do stuff with button
}

虽然你可能希望它在一段时间内运行，所以如果有人在8:58在网站上加载，直到9:02，它仍然会在9:00关闭。

setInterval(() => { 
  var time = new Date();
  var hours = time.getHours()
  var day = time.getDay()
  if ((hours > 18 && hours < 22) && day == 5) {
    // do stuff with button
  }
}, 1500); // every 15 secs checks this

下面是一些参考https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64778499

复制

相似问题

问每周在特定时间更改按钮文本(或div)
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问每周在特定时间更改按钮文本(或div)EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问每周在特定时间更改按钮文本(或div)
EN