基于jQuery的扇形定时器源代码下载

基于jQuery的扇形定时器源代码下载
结果如下:

效果演示源代码下载

pietimer是可以产生定时器的页面的粉丝,它是基于jQuery,你可以自定义了几秒钟的时间,定制的扇形的颜色、宽度和高度,在回调函数支持的结束时间,可以控制启动和停止,适用于定时器页面如在线考试,限时抢购。场景。

HTML

首先,jQuery库文件和pietimer.js文件加载。

然后,我们将开始与网页上的暂停键,和一个元素#演示用来画扇的图形,然后用我们的繁荣促使时机。
开始暂停

时间 uff01
jQuery

首先我们要在#演示画扇,$(' #演示)。Pietimer(秒)的电话,说的时间参数(秒),颜色表示扇形的颜色可以设置RGBA,你也可以用16进制颜色值,如# ffffff,宽度扇形的半径和高度,然后回调函数触发时机说。
$(函数(){())
$(繁荣)。隐藏();
$(#演示)。Pietimer({
秒:,
颜色:'rgba(,,,),
高度:,
Width:
},
函数(){
$('繁荣')显示(慢的);
});
});
当然,上面的代码是绘制扇形和定义的参数和选项,实际触发定时器需要$(' #演示)。Pietimer(开始的)也叫暂停:$(' #演示)。Pietimer('pause '),暂停后还可以点击开始定时器。
$(函数(){())
$(#启动)。Click(function(){)
$(繁荣)。隐藏();
$(#演示)。Pietimer(开始的);
返回false;
});
$(#暂停)。Click(function(){)
$(#演示)。Pietimer('pause);
返回false;
});
});
以上内容介绍给大家,介绍基于jQuery实现的扇形定时器的全部内容,希望大家喜欢。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部