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秒间隔内，警报会显示给有权访问该页面的所有人。有什么办法吗？

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

Answer 1

您可以在单击按钮时分配功能，例如

<input id='btn' type='button' onclick='breakTime();' >Click</input>

或者您可以点击触发事件

<input id='btn' type='button'  >Click</input>
<script>
    $(document).ready(function(){
        $('#btn').onclick(funcion(){
            breakTime();
        });
    })
</script>

Answer 2

仅使用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/

但是，这仅在您的页面上本地有效。如果要按一个按钮并向打开页面的所有人发送提示，则需要设置服务器端脚本。

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

2 个答案: