jquery setvalue_jquery on方法
2023-06-13 09:13:44 时间
大家好,又见面了,我是你们的朋友全栈君。
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>
功能
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/196231.html原文链接:https://javaforall.cn
相关文章
- jquery validation engine ajax验证,jQuery Validation Engine 表单验证「建议收藏」
- jquery选择器用法_jQuery属性选择器
- jQuery中delegate与on的用法与区别详解编程语言
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- JS实现简单的jQuery框架(非常详细)
- jQuery基本选择器(4个)
- jQuery on和trigger添加触发自定义事件
- jQuery $.get()方法的用法
- MySQL中使用ON子句进行精准查询(mysql中on子句查询)
- 深入MySQL解密On语句的使用方法(mysql中on使用方法)
- Oracle数据库中ON关键字的使用方法(oracle中on怎么用)
- 使用Oracle On关键字实现数据库连接(oracle on关键字)
- 基于jquery的tab切换js原理
- 40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
- jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
- 使用PHP+JQuery+Ajax分页的实现
- jQuery关于伪类选择符的使用说明
- JQuery中关于jquery.js与jquery.min.js的比较探讨
- jQuery中delegate和on的用法与区别详细解析
- jquery选择器之层级过滤选择器详解
- 使用jQuery时Form表单元素ID和name命名大忌
- 60个很实用的jQuery代码开发技巧收集
- 分享2个jQuery插件--jquery.fileupload与artdialog
- jQuery新的事件绑定机制on()示例应用
- jquery中each遍历对象和数组示例