Использование setInterval и JavaScript

Question

Я работаю с Notification API, но я не могу заставить его работать с SetInterval(), может кто-нибудь указать, что я делаю неправильно. Пока я нажимаю событие, уведомление отображается только один раз. Вот мой код:

document.addEventListener('DOMContentLoaded', function() { 
document.getElementById('notifyBtn').addEventListener('click', function() { 

    if (!('Notification' in window)) { 
     alert('Web Notification is not supported'); 
     return; 
    } else { 
     setInterval(Notification.requestPermission(function(permission) { 
      var notification = new Notification("Hi there!", { 
       body: 'I am here to talk about HTML5 Web Notification API', 
       icon: 'icon.png', 
       dir: 'auto' 
      }); 
      setTimeout(function() { 
       notification.close(); 
      }, 2000); 
     }),5000); 

    } 
    ; 
}); 
}); 

Я действительно застрял здесь, пожалуйста, остановитесь.

Answer 1

Вам необходимо пройти действительный обратный звонок по адресу setInterval(). Вместо этого вы передаете результат определенного метода. Попробуйте это:

setInterval(function() { 
    Notification.requestPermission(function(permission) { 
     var notification = new Notification("Hi there!", { 
      body: 'I am here to talk about HTML5 Web Notification API', 
      icon: 'icon.png', 
      dir: 'auto' 
     }); 
     setTimeout(notification.close, 2000); 
    })}, 5000); 

Bonus: смотри, как я упростил свой setTimeout обратного вызова, просто передавая notification.close метод сам, вместо того, чтобы называть его в анонимной функции. Гораздо чище.

Answer 2

Оберните ваш метод в анонимной функции

document.addEventListener('DOMContentLoaded', function() { 
document.getElementById('notifyBtn').addEventListener('click', function() { 

    if (!('Notification' in window)) { 
     alert('Web Notification is not supported'); 
     return; 
    } else { 
     setInterval(function(){Notification.requestPermission(function(permission) { 
      var notification = new Notification("Hi there!", { 
       body: 'I am here to talk about HTML5 Web Notification API', 
       icon: 'icon.png', 
       dir: 'auto' 
      }); 
      setTimeout(function() { 
       notification.close(); 
      }, 2000); 
     })},5000); 

    } 
    ; 
}); 
}); 

Answer 3

я нашел что-то вроде этого:

document.addEventListener('DOMContentLoaded', function() { 
document.getElementById('notifyBtn').addEventListener('click', function() { 
    if (!('Notification' in window)) { 
     alert('Web Notification is not supported'); 
     return; 
    } else { 
     setInterval(notify, 5000); 
    } 
}); 
function notify() { 
    Notification.requestPermission(function(permission) { 
      var n = new Notification("Hi there!", { 
       body: 'I am here to talk about HTML5 Web Notification API', 
       icon: 'icon.png', 
       dir: 'auto' 
      }) 
      setTimeout(function(){n.close()}, 2000) 
     }) 

}