6
votes

Insertion de HTML avec JS

Je suis juste un peu soulevé de quelque chose pour le moment où j'ai le code suivant qui fonctionne comme prévu, tout va bien avec ça. Cependant, je voudrais apporter des changements mineurs car je voudrais que la fonction suivante puisse insérer un balisage HTML dans le texte lui-même, c'est-à-dire, c'est-à-dire; xxx

Donc, cette fonction prend un tableau , Split's est puis en utilisant la méthode seinterval que j'ai itératée sur la longueur de la chaîne. Cela permet au texte de ressembler à être dactylographié.

Comme vous pouvez le constater, ma valeur initiale de STR est 'Var Str = "Faisons-nous futurs prêts!";'

Cependant, je voudrais ajouter une pause à ma valeur STR 'Var Str = "Get's
Future Prêt!"'

Tout d'abord possible? Deuxièmement, si quelqu'un pouvait m'offrir des conseils, je serais reconnaissant, merci.

javascript html insert setinterval

0 commentaires

3 Réponses :

1
votes

Vous voulez donc une pause de ligne dans le texte HTML que vous insérez?

Insérez un P>

var str = "Let's get Future Ready!";
var split = str.split("");
var counter = 0;
split = split.splice(18, 0, "<br />");

3 commentaires

Hey juli0r c'est correct. Pour le moment, il lit le texte entier sur une ligne qui est ce que je voulais faire. Mais maintenant, je voudrais ajouter un
après avoir obtenu et avant l'avenir afin que cela soit sur une nouvelle ligne. Est-ce possible? Merci.

J'ai édité mon post. Array.splicite () est la chose que vous recherchez je crois. Vous pouvez facilement ajouter un élément dans un tableau à l'index que vous spécifiez.

Merci pour votre aide juli0r +1

6
votes

Ma suggestion est de remplacer le caractère | code> avec code> lorsque vous faites la boucle. Vérifiez ici: https://jsfiddle.net/s04zbfcc/

var str = "Let's get|Future Ready!";
var split = str.split("");
var counter = 0;

var SI = setInterval(function() {

    var typeText = $('.typetext');

    typeText.append(split[counter] == '|' ? '<br>' : split[counter]);
    counter++

    if(counter == str.length) {
        clearInterval(SI)
    }

},100)

4 commentaires

Merci pour vos commentaires, je l'apprécie, j'ai utilisé la méthode de Juli0r comme c'était le plus pratique. Merci!

C'est bien mieux que vous ne dépendez plus de quelle chaîne vous souhaitez afficher

La question est ce qui se passe si le texte change? Ou si vous voulez faire deux lampes. Investir dans un bon code maintenu et flexible est toujours une bonne idée.

Oh Wow, je n'ai littéralement réalisé que ça. C'est en fait incroyable haha. Merci!

1
votes

Vérifiez l'extrait ci-dessous. Explication dans les commentaires em>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="typetext"></div>

1 commentaires

Hey Merci pour les commentaires, toutes ces méthodes que tout le monde a suggéré de paraître applicable à ma situation! Encore merci.