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>
功能
今天的文章JQuery实现setInterval()方法分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/25588.html