Javascript Girl
  1. Javascript Girl
  3. Simulez l'apparence de la saisie, pas les pressions réelles, en javascript
Intereting Posts
Groupement de membres d'une collection par catégorie dans un modèle de météorite JavaScript regex, à la recherche de hashtags Les promesses de Chaining Javascript Dynamic CSS3 prefix detection de l'agent utilisateur L'appel AJAX gèle un navigateur pendant un temps pendant qu'il reçoit une réponse et exécute un succès Date de Javascript vers C # via Ajax La méthode de clone () générique Javascript utilisée dans l'application GWT Variable de JavaScript vers PHP Comment les gestionnaires d'événements en JavaScript sont-ils traités par la boucle d'événements? Passer le datarow sélectionné dans bootstrap modal Quand devrais-je utiliser .innerHTML et quand document.write en JavaScript Babel ignore plusieurs répertoires Comment convertir 1 en vrai ou 0 en faux lors de l'extraction du modèle Quelle est la notation "?:" En JavaScript? Expliquez cette syntaxe de tutorial dojo confuse pour déclarer

Simulez l'apparence de la saisie, pas les pressions réelles, en javascript

J'essaie d'écrire une fonction simple qui fera apparaître comme si quelqu'un tape une zone de textarea

– C'est ma fonction (pardonnez-moi si c'est atroce, mais je n'utilise normalement pas javascript) — La partie console.log() fonctionne bien, mais pour une raison quelconque, je ne peux pas obtenir ce script pour mettre à jour le mode dom Je m'attends … 

  function type(string) { value = ""; el = document.getElementById("typeArea"); for (var i = 0; i < string.length; i++) { value += string[i]; //$("#fbw > textarea").val(value); el.textContent = value; console.log(value); sleep(160); } sleep(2000); }

J'apprécie toute idée que vous pouvez me donner.

jsFiddle Demo

Tout ce que vous manquiez était une construction plutôt que Sleep . L'approche js pour y parvenir consiste à utiliser un délai d'attente et un appel récursif afin d'itérer à travers votre chaîne 

 function type(string,element){ (function writer(i){ if(string.length <= i++){ element.value = string; return; } element.value = string.substring(0,i); if( element.value[element.value.length-1] != " " )element.focus(); var rand = Math.floor(Math.random() * (100)) + 140; setTimeout(function(){writer(i);},rand); })(0) }

Vous pouvez faire quelque chose comme ceci en utilisant la fonction setTimeout. Codepen 

 $(function(){ simulateTyping('looks like someone is typing...', '#txt') function simulateTyping(str, textAreaId) { var textArea = $(textAreaId); var currentCharIndex = 0; function typeChar(){ if (currentCharIndex >= str.length) return; var char = str[currentCharIndex]; textArea.val(textArea.val() + char); currentCharIndex ++; setTimeout(typeChar, 500); } typeChar(); } })