Javascript-форум - Как спрятать элемент навсегда

Здравствуйте.

Прошу прощения, что пишу про такой пустяк, но ни как не могу понять.
Что добавить в этот js, чтобы он больше не появлялся.
В итоге должно получится так: через 5сек появляется картинка, видимость ее тоже 5сек, а потом она исчезает и больше не появляется). Перепробовала много всего, перечитала и никак..

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title></title>
  <style type='text/css'>
    #test{
    display:none;
}
  </style>
<script type='text/javascript'>
window.onload=function(){
var image = document.getElementById("test");
var i = 0, s = ["block","none"],t = [5000,5000]; //2 сек есть картинка, 5 сек нет
function show()
{  i ^= 1
   image.style.display = s[i];
    setTimeout(show,t[i]);
}
show()
}
</script>
</head>
<body>
  <img id="test"  src="text.png">
</body>
</html>

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title></title> <style type='text/css'> #test{ display:none; } </style> <script type='text/javascript'> window.onload=function(){ var image = document.getElementById("test"); var i = 0, s = ["block","none"],t = [5000,5000]; //2 сек есть картинка, 5 сек нет function show() { image.style.display = s[i]; i ^= 1 i && setTimeout(show,t[i]); } setTimeout(show,t[i]); } </script> </head> <body> <img id="test" src="https://javascript.ru/forum/images/ca_serenity/misc/logo.gif"> </body> </html>