How can I auto hide alert box after it showing it

Question

All I want to do is  how can I auto hide alert box within specific seconds after showing it   All I know is    setTimeout function            alert  close        5000       This will appear alert after 5 seconds   No need for this I want to disappear alert after showing it within seconds   Needed scenario     Show alert Hide terminate alert within 2 seconds

User · Accepted Answer

tldr  jsFiddle Demo  This functionality is not possible with an alert  However  you could use a div  function tempAlert msg duration     var el   document createElement  div     el setAttribute  style   position absolute top 40  left 20  background-color white      el innerHTML   msg   setTimeout function      el parentNode removeChild el      duration    document body appendChild el       Use this like this   tempAlert  close  5000

User · Answer

You can also try Notification API  Here s an example   function message msg       if  window webkitNotifications            if  window webkitNotifications checkPermission      0            notification   window webkitNotifications createNotification             picture png    Title   msg                       notification onshow   function        when message shows up                         setTimeout function                                 notification close                               1000      close message after one second                                   notification show            else           window webkitNotifications requestPermission       ask for permissions                   else           alert msg     fallback for people who does not have notification API  show alert box instead               To use this  simply write   message  hello      Instead of   alert  hello        Note  Keep in mind that it s only currently supported in Chrome  Safari  Firefox and some mobile web browsers  jan  2014   Find supported browsers here

User · Answer

You can t close an alert box with Javascript   You could  however  use a window instead   var w   window open        width 100 height 100   w document write  Message   w focus   setTimeout function    w close      5000

User · Answer

impossible with javascript   Just as another alternative to suggestions from other answers  consider using jGrowl  http   archive plugins jquery com project jGrowl

[javascript] How can I auto hide alert box after it showing it?

Examples related to javascript