Como atualizar a página de um site com javascript de 5 em 5 segundos?

Programação
,
#1

Boa tarde a todos.

Crie um arquivo js, que inseri imagens aleatórias numa página, para que a nova imagem apareça eu preciso atualizar a página manualmente, só que eu queria que isso acontecesse de maneira automática.

Usei a meta-tag ,meta http-equiv="refresh" content="5" que produziu o efeito que eu queria, o problema é que eu gostaria de realizar o mesmo efeito com código javascript.

Já tentei aplicar o método reload do objeto location sem nenhum argumento(em false), o mesmo método com o argumento em true mas não deu certo fica atualizando direto.

Usei também o window.setTimeout() em conjunto com location.reload() mas não deu em nada, enfim esse é o meu problema.

Meu código :

<!DOCTYPE html>

 <head>
       <meta charset="utf-8">
	   <meta name="author" content="The Wind Waker">
	   <meta name="keywords" content="controlador,imagens,random">
	   <meta name="descriptions" content="gerador de imagens aleatórias">
	   <!--Atualizar página-->
	   <!--<meta http-equiv="refresh" content="5">-->
	   
	   <title> Gerador de imagens </title>
	   
	   <style>
	          h1{
			     text-align:center;
				 text-decoration:underline;
				 font-family:arial;
				 color:red;
			  
			  }
			  
			  
			  
			  .exemplo{
			     
				 border:solid 1px;
				 background-color:gray;
				 padding:100px;
				 padding-left:250px;
				 margin-left:200px;
				 margin-right:100px;
				 
			  
			  }
	   
	   </style>
 
 
 </head>
 
 
 <body>
       <h1>Gerador de imagens</h1>
	   
	   
	   
	   
	   <script>
	   
	        function teste(){
			
			var teste;
			
			var img1 = "<div class='exemplo'><img src='imagens/mario.png'     width='200' height='200'></div>";
			var img2 = "<div class='exemplo'><img src='imagens/sonic.png'     width='200' height='200'></div>";
			var img3 = "<div class='exemplo'><img src='imagens/dora.jpg'      width='200' height='200'></div>";
			var img4 = "<div class='exemplo'><img src='imagens/batman.jpeg'   width='200' height='200'></div>";
			var img5 = "<div class='exemplo'><img src='imagens/spiderman.png' width='200' height='200'></div>";
			
			
			                 
		    teste = parseInt(Math.random()*6);/*gerador de números aleatórios*/
			
			switch(teste){
			  
			  case 1:document.write(img1);
			  
			  break;
			  
			  case 2:document.write(img2);
			  
			  break;
			  
			  case 3:document.write(img3);
			  
			  break;
			  
			  case 4:document.write(img4);
			  
			  break;
			  
			  case 5:document.write(img5);
			  
			  break;
			  
			  default:document.write("<div class='exemplo'><strong><u>Imagem não encontrada</u></strong></div>");
			
			
			}
			
		};
			
			teste();
			
			<!--location.reload();-->
		
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
	   
	   </script>
 
 
 </body>

Videos :

Funcionando manualmente :

Funcionando automaticamente(com meta http-equiv) :

Rodando com código javascript (location.reload()) :