Je dois afficher des mots aléatoires dans div sans répéter le mot. Les mots aléatoires appendont un div toutes les secondes aléatoires (3-5 secondes). Si toute la valeur du tableau affiché dans div, alert fera l’affaire.
Exemple:
b a c d ALERT('DONE')
Ne pas:
b a b c d d a a c
Mon code:
$(document).ready(function($) { words = ['a','b','c','d']; function doSomething() {} (function loop() { var rand = Math.round(Math.random() * (3000 - 500)) + 500; setTimeout(function() { var thisWord = words[Math.floor(Math.random() * words.length)]; $("#container").append(""+thisWord+""); doSomething(); loop(); }, rand); }()); });
- Comment supprimer l’atsortingbut width qui est sous l’atsortingbut style à l’aide de jQuery?
- Moyen idéal pour savoir si la réponse est JSON pendant ajaxSuccess
- Obtention de l’object de résultat de FileReader ()
- Problème lors de la définition du code HTML de div à l’aide de la méthode jquery html ()
- jQuery File Upload image de prévisualisation
Voici une solution de travail:
$(document).ready(function() { var words = ['a', 'b', 'c', 'd']; var getRandom = function() { var idx = Math.floor(Math.random() * words.length); // grabs word and removes it from the array return words.splice(idx, 1)[0]; }; var appendIfMore = function() { var word = getRandom(); if (!word) return; // all done $('') .text(word) .appendTo('#container'); var delay = Math.round(Math.random() * (3000 - 500)) + 500; setTimeout(appendIfMore, delay); }; // start appending stuff appendIfMore(); });
JSBIN
- Bibliothèque Javascript pour créer une application Web de type bureau: ExtJS, jQuery, YahooUI, Moka, SproutCore, Cappuccino, autres?
- Changer la taille de la police en fonction de la résolution
- jquery overlay barre de chargement div
- Cliquez seulement à l’intérieur de div
- KnockoutJS, mise à jour de ViewModel après un appel ajax
- Sélection par programme d’une période dans Fullcalendar
- Masquer le premier mot de Span en utilisant Css ou Jquery
- Exemple de plug-in de plug-in de téléchargement de fichier jquery implémenté dans ASP .NET MVC3
- Affichage de l’avertissement de dépassement de délai dans jQuery
- JQuery / WCF sans ASP.NET AJAX: