 Nieuw lid |
|
Jouw script toont alleen regel 2, omdat je de variable text overschrijft.
Dit is op te lossen door van text maar een variable te maken, of de variable uit te breiden met +=
Dus zo:
var text = "Regel 1 moet in zwarte letters\nRegel 2 moet in rode letters";
var text = "Regel 1 moet in zwarte letters\nRegel 2 moet in rode letters";
Of zo:
var text = "een";
text += "twee";
var text = "een"; text += "twee";
Een werkend voorbeeldje:
<script>
var text = "Regel 1 moet in zwarte letters\nRegel 2 moet in rode letters";
var counter = 0;
var speed = 50;
function type(){
lastText = document.getElementById("writer").innerHTML;
lastText+=text.charAt(counter);
counter++;
document.getElementById("writer").innerHTML = lastText.replace(/\n/g, '<br />'); //linebreaks inbakken..
}
setInterval(function(){type()},speed);
</script>
<div id="writer"></div>
<script> var text = "Regel 1 moet in zwarte letters\nRegel 2 moet in rode letters"; var counter = 0; var speed = 50; function type(){ lastText = document.getElementById("writer").innerHTML; lastText+=text.charAt(counter); counter++; document.getElementById("writer").innerHTML = lastText.replace(/\n/g, '<br />'); //linebreaks inbakken.. } setInterval(function(){type()},speed); </script> <div id="writer"></div>
Maar daarmee heb je nog geen verschillende kleuren, ik zou dat persoonlijk ook iets anders aanpakken...
Ik zou een array aanmaken met text objecten en bij elk object ook de textkleur meegeven, dan doorloop je het array en roept je functie aan, maar met als extra parameter die textkleur.
Als je met verschillende kleuren wil werken, zul je elke 'kleur' in een apart element moeten knikkeren (p/span/div/etc..).
Nu is je vraag iets te simpel/weinig info over het gebruik gesteld, maar als het een 'statisch' dingetje moet worden met 'maar' twee vast ingestelde regels, dan kun je misschien beter een gifje nemen.. |
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
