Focus nach bestimmter Zeit setzen...

Einen schönen guten Tag,



ich möchte einem lieben Menschen zu Weihnachten in Form einer Homepage was basteln. Allerdings habe ich von JavaScript keine Ahnung. Ich kenn ein bischen Php aber mit dem geht mein Vorhaben nicht. Nun suche ich eine einfache Lösung.

Code:

---

<div id="box1"></div>

---

mit folgenden Css:

Code:

---

#box1 {height: 60px; width:60px; background-color:green}

#box1:focus {background-color:red; transform: rotate(30deg)}

---

Nun möchte ich, dass nach einer bestimmten Zeit (z.B. 10sec) diese Box den focus erhält, und nach einer bestimmten Zeit soll dieses Element den focus verlieren bzw. ein anderes Element den focus erhalten.



Ich weiß, dass dies Grundlagen sind, aber ich habe davon keinen Plan...



Vielen Dank schon mal im Vorraus.

Focus nach bestimmter Zeit setzen...