Ich habe dazu mal was mit setInterval() gemacht. Mit etwas Phantasie stehen dem Geblinke ganz neue Dimensionen offen
JavaScript
<!DOCTYPE html>
<html>
<head>
<style>
td{font-size:40px; padding:4px 10px;}
</style>
<script>
var blinkFarben=new Array('#990000','#999900','#990099','#009999','#000099');
var blinkFarbe=0;
var myBlink;
function initBlink()
{
myBlink=setInterval(function(){doBlink();},300);
}
function doBlink()
{
var blinkende=document.getElementById('blinker');
blinkende.style.backgroundColor=blinkFarben[blinkFarbe];
blinkFarbe++;
if(blinkFarbe==blinkFarben.length)
{
blinkFarbe=0;
}
}
function stopBlink()
{
clearInterval(myBlink);
var blinkende=document.getElementById('blinker');
blinkende.style.backgroundColor='';
blinkFarbe=0;
}
</script>
</head>
<body>
<table border="1">
<tr>
<td> A </td><td> B </td><td> C </td>
</tr>
<tr>
<td> D </td><td id="blinker"> E </td><td> F </td>
</tr>
<tr>
<td> G </td><td> H </td><td> I </td>
</tr>
</table>
<br>
<button onclick="initBlink();">Start</button>
<button onclick="stopBlink();">Stop</button>
</body>
</html>
Alles anzeigen