jquery setvalue_jquery on方法

全栈程序员站长

发布于 2022-10-04 18:53:16

3.3K0

发布于 2022-10-04 18:53:16

大家好，又见面了，我是你们的朋友全栈君。

setInterval()方法

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery.js"></script>
<style>
.blue{ 

width: 200px;
height: 200px;
background-color: blue;
}
.red{ 

width: 200px;
height: 200px;
background-color:red;
}
</style>
</head>
<body>
<input class="ting" type="button" value="停止">
<input class="kai" type="button" value="开始">
<div class="blue"></div>
<script type="text/javascript">
// $(function(){ 

// $(".blue").on("click",function(){ 

// $(this).toggleClass("red");
// });
// });
var intervar = setInterval(function(){ 

$("div").toggleClass("red");
},100);
//停止
$(function(){ 

$(".ting").on("click",function(){ 

clearInterval(intervar);
});
});
//开始
$(function(){ 

$(".kai").on("click",function(){ 

setInterval(function(){ 

$("div").toggleClass("red");
},100);
});
});
</script>
</body>
</html>