You can directly change the tag:
<div id="lugar" style="color:rgba(255, 0, 0, 0.8);">
Or by Javascript:
document.getElementById("lugar").style.color =rgba(255, 0, 0, 0.8);
You can create random colors by simply creating a rgba (or rgb) string and passing it to the style.color attribute, randomized rgba code this question follows the code:
<html>
<head>
<title>Efeito digitar em página web</title>
<script type="text/javascript">
var posicao = 0;
var mensagem = "Sua mensagem aqui "; //Esse texto
function rola() {
document.getElementById("lugar").innerHTML =
mensagem.substring(posicao, mensagem, length);
posicao++;
document.getElementById("lugar").style.color = random_rgba();
if (posicao == mensagem.length) {
posicao = 0;
}
setTimeout("rola()", 130);
}
function random_rgba() {
var o = Math.round,
r = Math.random,
s = 255;
return 'rgba(' + o(r() * s) + ',' + o(r() * s) + ',' + o(r() * s) + ',' + r().toFixed(1) + ')';
};
</script>
</head>
<body onload="rola()">
<div id="lugar"></div>
</body>
</html>
or just one color per call rola()
:
<html>
<head>
<title>Efeito digitar em página web</title>
<script type="text/javascript">
var posicao = 0;
var mensagem = "Sua mensagem aqui "; //Esse texto
function rola() {
document.getElementById("lugar").innerHTML =
mensagem.substring(posicao, mensagem, length);
posicao++;
if (posicao == mensagem.length) {
posicao = 0;
}
setTimeout("rola()", 130);
}
function random_rgba() {
var o = Math.round,
r = Math.random,
s = 255;
return 'rgba(' + o(r() * s) + ',' + o(r() * s) + ',' + o(r() * s) + ',' + r().toFixed(1) + ')';
};
function RandomTextColor() {
document.getElementById("lugar").style.color = random_rgba();
}
</script>
</head>
<body onload="rola(); RandomTextColor()">
<div id="lugar"></div>
</body>
</html>
'