javascript - 如何在按下按钮时触发警报功能？

Question

我有一个在给定时间触发警报的函数:

function breakTime() { // <<< do not edit or remove this line!
  /* Set Break Hour in 24hr Notation */
  var breakHour = 11
  /* Set Break Minute */
  var breakMinute = 47
  /* Set Break Message */
  var breakMessage = "Reports! Take Your Break!"
  ///////////////////No Need to Edit//////////////
  var theDate = new Date()
  if (Math.abs(theDate.getHours()) == breakHour && Math.abs(theDate.getMinutes()) == breakMinute) {
    this.focus();
    clearInterval(breakInt)
    alert(breakMessage)
  }
}
var breakInt = setInterval("breakTime()", 1000)

我想将此功能分配给一个按钮，因此当按下该按钮时，在按下按钮后每隔 10 秒，警报就会向有权访问该页面的每个人显示。有什么办法可以做到吗？

注意:弹出警报是在没有按钮的情况下触发的，但我每次尝试制作一个触发该功能的按钮时，都不会在每个人的电脑上触发弹出警报。

Answer 1

仅使用 JavaScript:

<button id='buttonID'>Click Me</button>

function test() {
    alert('break time!');
}

document.getElementById('buttonID').onclick = test; 
// no () on test, otherwise it runs immediately.

https://jsfiddle.net/axq0ks6b/

但是，这仅适用于您的本地页面。如果您想按下按钮并向打开该页面的每个人发送提示，那么您将需要设置服务器端脚本。