html5 javascript 事件练习1

最新推荐文章于 2022-12-28 10:03:37 发布

weixin_34101784

最新推荐文章于 2022-12-28 10:03:37 发布

阅读量123

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/houweidong/p/9358265.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>js练习-变化的颜色</title>
   <style type="text/css">

#div1{
margin: 15px auto;
margin-top: 200px;
background: orange;
width: 200px;
height: 200px;
border-radius: 200px;
}
</style>
</head>

<body>
   <div id="div1"></div>

<script>
var dd=document.getElementById('div1');
dd.οnclick=houzi1;

function houzi1(){
   dd.style.background='red';
   // dd.οnclick=houzi2;
   setTimeout('houzi2()',500);
}

function houzi2(){
   dd.style.background='orange';
   // dd.οnclick=houzi3;
   setTimeout('houzi3()',500);
}
function houzi3() {
   dd.style.background='blue';
   // dd.οnclick=houzi1;
   setTimeout('houzi2()',500);
}
</script>

</body>
</html>