Skip to main content

Você pode resolver isso utilizando JavaScript:

<script>

  const tempo_de_delay = 5000

  setTimeout(() => (
    document.body.style.backgroundImage = "url('url da nova imagem''https://picsum.photos/600/300')"
    ), tempo_de_delay)
  
</script>

Observações:

  1. o valor da variavel tempo_de_delay é em milisegundos, você pode editar para qualquer valor que desejar.

  2. coloque esse código no final do body para evitar erros.

  3. lembre-se de colocar a url da nova imagem.

  4. a troca de imagem ocorre de forma instantânea, mas pode editar isso no css.

Você pode resolver isso utilizando JavaScript:

<script>

  const tempo_de_delay = 5000

  setTimeout(() => (
    document.body.style.backgroundImage = "url('url da nova imagem')"
    ), tempo_de_delay)
  
</script>

Observações:

  1. o valor da variavel tempo_de_delay é em milisegundos, você pode editar para qualquer valor que desejar.

  2. coloque esse código no final do body para evitar erros.

  3. lembre-se de colocar a url da nova imagem.

  4. a troca de imagem ocorre de forma instantânea, mas pode editar isso no css.

Você pode resolver isso utilizando JavaScript:

const tempo_de_delay = 5000

setTimeout(() => (
    document.body.style.backgroundImage = "url('https://picsum.photos/600/300')"
), tempo_de_delay)
  

Observações:

  1. o valor da variavel tempo_de_delay é em milisegundos, você pode editar para qualquer valor que desejar.

  2. coloque esse código no final do body para evitar erros.

  3. lembre-se de colocar a url da nova imagem.

  4. a troca de imagem ocorre de forma instantânea, mas pode editar isso no css.

Fonte Link

Você pode resolver isso utilizando JavaScript:

<script>

  const tempo_de_delay = 5000

  setTimeout(() => (
    document.body.style.backgroundImage = "url('url da nova imagem')"
    ), tempo_de_delay)
  
</script>

Observações:

  1. o valor da variavel tempo_de_delay é em milisegundos, você pode editar para qualquer valor que desejar.

  2. coloque esse código no final do body para evitar erros.

  3. lembre-se de colocar a url da nova imagem.

  4. a troca de imagem ocorre de forma instantânea, mas pode editar isso no css.