html使用定时器timer,jquery插件jTimer jquery定时器的用法举例
本节内容:
jquery插件jTimer,jQuery定时器。
需求:
按时间间隔执行一个任务,当满足一定条件时停止执行。
1,插件用法:
复制代码 代码示例:
(function ($) {
$.extend({
timer: function (action,context,time) {
var _timer;
if ($.isFunction(action)) {
(function () {
_timer = setInterval(function () {
if (!action(context)) {
clearInterval(_timer);
}
}, time);
})();
}
}
});
})(jQuery);
2,调用示例
复制代码 代码示例:
画布-jTimer插件示例-www.jbxue.com
#wrap
{
display: table;
margin: 0 auto;
}
#cvs
{
display: table-cell;
vertical-align: middle;
}
function drawRound(context) {
if (context.counterclockwise) {
draw(context.x, context.y, context.r, context.start, context.start - Math.PI / 50, context.counterclockwise);
context.start -= Math.PI / 50;
return context.start > 0.5 * Math.PI;
}
else {
draw(context.x, context.y, context.r, context.start, context.start + Math.PI / 50, context.counterclockwise);
context.start += Math.PI / 50;
return context.start < Math.PI;
}
}
function draw(x, y, r, sAngle, eAngle, counterclockwise) {
var cvs = document.getElementById("cvs");
ctx = cvs.getContext("2d");
ctx.strokeStyle = "#f00";
ctx.beginPath();
ctx.arc(x, y, r, sAngle, eAngle, counterclockwise);
ctx.stroke();
}
$(function () {
$.timer(drawRound, { x: 100, y: 100, r: 50, start: 1.5 * Math.PI, counterclockwise: true }, 200);
$.timer(drawRound, { x: 100, y: 100, r: 60, start: 0, counterclockwise: false }, 200);
});
html使用定时器timer,jquery插件jTimer jquery定时器的用法举例相关推荐
- 开发一款自动指向特定页面元素的jQuery插件:jQuery PointPoint
来源:tutorialzine.com 编译:GBin1.com web设计人员感觉目前他们出于一个两难的境地:他们需要创建出优美的用户界面,需要创新并且实用.有时候,尽管我们全力付 ...
- jquery插件 (jquery之家)的使用案列,(瀑布流的使用)非常简单
在我们使用这个插件的时候,我们只需要打开这个网址 ,非常优秀的一个jquery插件库jQuery库_jQuery之家-自由分享jQuery.html5.css3的插件库 使用这个插件库 1.先引入js ...
- 自己开发开源jquery插件--给jquery.treeview加上checkbox
很多时候需要把树状的数据显示除来,比如分类,中国省份.城市信息,等,因此这方面的javascript插件也有很多.比如性能优异的jquery.treeview和国人开发的功能强大的zTree. 我最近 ...
- ASP.NETmvc常用JQUERY插件【jquery.dataTables.js】
离开WEBFORM 也就离开了大量的前端困境,刚一开始用MVC,真感觉好像在沙漠中行走,很想念以前的控件,都快想死了,很快发现原来JQUERY 有很多插件可以用,只怪自己平时不收集,用的时候才手忙脚乱 ...
- 生成二维码的 jQuery 插件:jquery.qrcode.js
jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国 ...
- Jquery - jquery 插件,jQuery.Switchable
jquery 插件,最近新发现的jQuery.Switchabl,集多种样式,感觉蛮好用的,发上来和大家分享一下. 以下为这个插件能实现的样式和功能. http://www.jqueryajax. ...
- jQuary总结11:jQuery插件封装---jQuery封装 手风琴 动画插件
完整代码下载点击我的GitHub: https://github.com/XingJYGo/jquery-accordion 1 手风琴的效果展示如下: 2 封装插件目录结构如下: 主要包括:HTML ...
- 我写的第一个jquery插件:jquery.photoFrame(version 0.2)
先看效果 introduce jQuery photoframe plugin A useful plugin to beautify image or text by wrappin ...
- 自己在项目中写的一个Jquery插件和Jquery tab 功能
后台查询结果 PDFSearchResult实体类: [DataContract(Name = "PDFSearchResult")]public class PDFSearchR ...
最新文章
- git或者ssh出错 fatal:open /dev/null or dup failed: No such file or directory、弹出mitty.dump文件
- Lasso回归的坐标下降法推导
- socket接收的消息怎么更新到页面_spring boot 集成 websocket 实现消息主动
- 中文分词算法python代码_python实现中文分词FMM算法实例
- 加速安装LibcSeacher
- js矢量图类库:Raphaël—JavaScript Library
- CSDN改版,找不到各种入口,链接放下面
- Linux命令中正则表达式的运用
- 中国颜色(鼠标双击)
- python元组索引_Python—范围元组中的元素索引
- java代码建立删除vpn_Java类集综合练习——信息管理(增、删、改、查)
- python老师 招聘_崩了,Python玩大了! 程序员:牛,不可惜!
- 远程访问dmz和虚拟服务器的设置
- 银行软件业务开发分类杂谈-多年前的旧文
- 利用vs10和opencv识别图片类型身份证的号码
- SOME/IP报文格式-Message ID
- 用python批量下载网易云音乐_python实现网易云音乐批量下载
- 蜀门linux一键端,【蜀门】网游单机版 蜀门镜像一键端 送全套GM口令工具刷金币钻石...
- 【转载】OFFICE使用技巧FAQ宝典
- 电脑c盘数据迁移的方法
热门文章
- C++性能优化(七)——内存池技术
- 【低代码与元数据】教你看清DSL的本质
- TiaPortal出错需要关闭原因分析
- JAVA-文件文档在线预览项目解决方案-kkFileView
- 司铭宇讲师:销售技巧培训之大客户关系管理
- 资源管理器已停止运行,屏幕已黑,explorer.exe打不开
- SAS 聚类分析—— K-均值聚类
- XTU 1213 A+B III
- android 发动态片评论,手机发评论 电脑网Android端V1.1发布
- pytest框架之模块的基础函数应用:setup_module,teardown_module,setup_function,teardown_function