본문 바로가기

javascript(jquery)

[javascript/jquery] 웹 푸시알림

<button onclick="push()">push</button>

<script type="text/javascript">
window.onload = function () {
  if (window.Notification) 
  {
    Notification.requestPermission();
  }
}
function push() {
  setTimeout(function () 
  {
    notify();
  }, 3000);
}
function notify() 
{
  if (Notification.permission !== "granted") 
  {
    alert("알림이 차단됨");
  }
  else {
    var notification = new Notification("제목입니다.", {
      icon: "https://s.pstatic.net/static/www/u/2014/0328/mma_204243574.png",
      body: "내용입니다.",
    });
    notification.onclick = function () {
       window.open("http://naver.com");
    };
  }
}
</script>