如何在每周五16:00运行Javascript警报

时间:2017-01-07 16:32:58

标签: javascript setinterval safari-push-notifications

这可以使用setInterval()吗?

在下面的示例中,警报是每5秒......

<script type="text/javascript">
  setInterval(function() {
    // alert("Message to alert every 5 seconds");
}, 5000);
</script>

我试图在区间功能中运行safari推送通知,也许这不是最佳做法,但它现在是一种解决方法

function Notifier() {}

    // Returns "true" if this browser supports notifications.
    Notifier.prototype.HasSupport = function() {
      if (window.webkitNotifications) {
        return true;
      } else {
        return false;
      }
    }

    // Request permission for this page to send notifications. If allowed,
    // calls function "cb" with true.
    Notifier.prototype.RequestPermission = function(cb) {
      window.webkitNotifications.requestPermission(function() {
        if (cb) { cb(window.webkitNotifications.checkPermission() == 0); }
      });
    }

    // Popup a notification with icon, title, and body. Returns false if
    // permission was not granted.
    Notifier.prototype.Notify = function(icon, title, body) {
      if (window.webkitNotifications.checkPermission() == 0) {
        var popup = window.webkitNotifications.createNotification(
        icon, title, body);
        popup.show();

        return true;
      }

      return false;
    }

    $(function() {
      var notifier = new Notifier();
      if (!notifier.HasSupport()) {
        $("#error").show();
        return;
      }

      $("#request-permission").click(function() {
        $("#error").hide();
        notifier.RequestPermission();
      });

      $(function() {
        if (!notifier.Notify("#", "MESSAGE")) {
          $("#error").text('Permission denied. Click "Request Permission" to give this domain access to send notifications to your desktop.');
          $("#error").show();
        } else {
          $("#error").hide();
        }
      });
    });

4 个答案:

答案 0 :(得分:1)

您可以使用以下内容:

<script type="text/javascript">
    var date = new Date();
    console.log(date.getDay());
    console.log(date.getHours());
    if(date.getDay() === 6 && date.getHours() === 17) {
        console.log("HELLO WORLD!");
    }
</script>

getDay()返回星期几从1到7(星期五将是5),getHours()将小时从1返回到24.您可以从这里继续:)

更新:如果您需要setInterval(),则每隔5秒检查一次日期:

<script type="text/javascript">

function checkDate() {
    var date = new Date();
    console.log(date.getDay());
    console.log(date.getHours());
    if(date.getDay() === 6 && date.getHours() === 17) {
        console.log("HELLO WORLD!");
    }
}

var dateLoop = setInterval(function() {
    checkDate();
},5000);
</script>

答案 1 :(得分:0)

免责声明:此答案仅描述了所需的算法。

首先,您需要假设网站的浏览器窗口一直开放到星期五。如果没有,这是没用的,你可能不想在网站上这样做。

如果您仍想继续,则需要创建一个新的Date对象,您可以在下一个星期五下午4点找到它。你必须考虑时区。你想要GMT,或服务器的时区,或固定的时区,或用户的时区(你甚至知道吗?)然后你必须计算时间戳和现在之间的差异。将其转换为毫秒并设置您的间隔。

如何在Get date of specific day of the week in JavaScript中获得某个工作日的未来日期,有几个很好的答案。从那里,你只需要做一些基本的计算。

答案 2 :(得分:0)

如果小时分钟匹配,您可以每秒检查一次星期五16:00:00

&#13;
&#13;
window.onload = function() {
  setInterval(function() {
    var date = new Date();
    if (date.getDay()==5 && date.getHours()==16 && date.getMinutes()==0 && date.getSeconds()==0) {
      alert("4 O'CLOCK!");
    }
  },1000);
};
&#13;
&#13;
&#13; jsfiddle:https://jsfiddle.net/dwdek28r/1/

不确定它是否值得推荐..

答案 3 :(得分:0)

希望它有所帮助。

 var dayOfWeek = 5; // friday
 var date = new Date();
 date.setDate(date.getDate() + (dayOfWeek + 7 - date.getDay()) % 7);
 date.setHours(16,0,0,0)

 var dif = date.getTime() - new Date().getTime();
 console.log(dif);

 setTimeout(function () {
    // send alert or push notification

 }, dif);