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

by

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);

More Related Contents:

  1. How to set same value for all the text fields with same name attribute using Javascript?
  2. How to check the value of input [closed]
  3. Find out how many tabs are opened in IE [closed]
  4. How can I detect pressing Enter on the keyboard using jQuery?
  5. Detecting when user scrolls to bottom of div with jQuery
  6. React Context vs React Redux, when should I use each one? [closed]
  7. Can Javascript read the source of any web page?
  8. Headless Browser for Python (Javascript support REQUIRED!) [closed]
  9. Chrome counts characters wrong in textarea with maxlength attribute
  10. How to trigger click on page load?
  11. How to use CSS (and JavaScript?) to create a blurred, “frosted” background?
  12. Sharing a variable between multiple html pages
  13. How to detect support for the HTML5 “download” attribute?
  14. Download an image using Axios and convert it to base64
  15. Is it possible to write to a file (on a disk) using JavaScript?
  16. JavaScript – add transition between display:none and display:block
  17. Check if a node.js module is available
  18. How to detect CSS3 resize events
  19. Tersest way to create an array of integers from 1..20 in JavaScript
  20. What is the meaning of onsubmit=”return false”? (JavaScript, jQuery)
  21. Angular 1 – get current URL parameters
  22. Finding out how many times an array element appears
  23. Drag-and-drop file uploading without AJAX, synchronously in the foreground?
  24. Javascript function challenge add(1,2) and add(1)(2) both should return 3
  25. HTML/Javascript Button Click Counter
  26. Why is .forEach returning undefined?
  27. HTML Canvas Full Screen
  28. Is it possible to stop requireJS from adding the .js file extension automatically?
  29. Differentiating +0 and −0
  30. In jQuery mobile, what’s the diff between tap and vclick?

Leave a Comment