循环变化的颜色
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>7-75 课堂演示</title> 6 <link rel="stylesheet" type="text/css" href="style.css"> 7 <style type="text/css"> 8 #div1{ 9 margin: 15px auto; 10 background: orange; 11 width: 200px; 12 height: 200px; 13 border-radius: 200px; 14 } 15 </style> 16 </head> 17 <body> 18 <div id="div1"></div> 19 <script> 20 var div1=document.getElementById('div1') 21 div1.onclick=myFun1; 22 function myFun1(){ 23 div1.style.background='red'; 24 // div1.onclick=myFun2 25 setTimeout('myFun2()',500) 26 } 27 function myFun2(){ 28 div1.style.background='orange'; 29 // div1.onclick=myFun3 30 setTimeout('myFun3()',500) 31 } 32 function myFun3(){ 33 div1.style.background='blue'; 34 // div1.onclick=myFun1 35 setTimeout('myFun1()',500) 36 } 37 </script> 38 </body> 39 </html>