Entrar Ainda não tem acesso?
4
respostas

setTimeout

Referente ao curso JavaScript: conhecendo o Browser e padrões de projeto, no capítulo Temos o modelo, mas e a view? e atividade Classes que representam nossas Views

por Leveditor
| 124.1k xp | 228 posts

boa tarde, quero que uma parte do código seja exiba depois de alguns segundos, só que não estou conseguindo fazer isso com as Class já tentei de varias formas mas não consigo

class Teste {

    static template() {
        return `
        <div class="card" style="width: 18rem;">
        <img src="bmw-x1.jpg" class="card-img-top" alt="...">
        <div class="card-body">
          <h5 class="card-title">Card title</h5>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          <a href="#" class="btn btn-primary">Go somewhere</a>
        </div>
      </div>
        `
    }
}

document.getElementById('card').innerHTML = setTimeout(Teste.template(), 2000);

na onde estar o innerHTML foi uma das forma que tentei resolver

4 respostas
por Diego Rodrigues Cravo Teixeira
| 168k xp | 361 posts

Olá, tenta mudar a última linha de código é vê se funciona:

document.getElementById('card').innerHTML = setTimeout(Teste.template, 2000);
por Leveditor
| 124.1k xp | 228 posts

apenas aparece o numero 1

por Gabriel Leite
| 3485k xp | 5398 posts
Instrutor

Boa noite! Como vai?

Dessa forma não irá funcionar como visto na prática. Uma forma de fazer seria como a seguir.

class Teste {

    static template() {
         document.getElementById('card').innerHTML = `
        <div class="card" style="width: 18rem;">
        <img src="bmw-x1.jpg" class="card-img-top" alt="...">
        <div class="card-body">
          <h5 class="card-title">Card title</h5>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          <a href="#" class="btn btn-primary">Go somewhere</a>
        </div>
      </div>
        `
    }
}

setTimeout(Teste.template(), 2000);

Veja aí se funciona da forma como vc esperava.

Qualquer coisa é só falar!

Grande abraço e bons estudos!

por Leveditor
| 124.1k xp | 228 posts

ainda não funcionou, ele retorna o card normal assim que a página é recarregada