Pietimer是一个可以在页面上生成一个扇形变化的定时器插件，它基于jQuery，可以自定义定时时间秒数，自定义扇形的颜色、宽度和高度等，并且支持定时结束时回调函数，可以控制开始和暂停，适用于需要定时器的页面如在线考试、倒计时，限时抢购等场景。

参数如下：

演示地址：http://test . ixiewei.com/pie timer/

效果图：

演示代码如下：

！DOCTYPE HTMl HTMl lang=' en ' head meta charset=' UTF-8 ' title pie timer-基于jQuery的扇形定时器/title style type='text/css ' .开始吧。暂停{ display : block margin :10 px汽车；背景# 0ab f5db order-radius :6 px；宽度宽度：100像素高度：30 px线高：30 pxcolor: # fff文本对齐：居中}。演示{ margin:20px自动图文集-居中对齐： }/style/head body a class=' start ' start开始/a a class='暂停'暂停暂停/a div class='demo'/div脚本类型=' text/JavaScript ' src=' http :/static/lib/jquery-1。7 .2 .量滴js /脚本脚本类型=' text/JAVAScript ' src=' http :脚本/jquery。馅饼计时器。量滴js /脚本类型=' text/JavaScript ' $(function(){ $().演示')。pietimer({ seconds: 2，color: 'rgba(10，191，93，0.8 ')，height: 60，width: 60，//is_reversed: true //是否逆时针转}，function(){ //回调函数console.log('结束咯！');});$('.开始')。单击(函数(){ $(').演示')。饼图计时器(“开始”)；返回false })；$('.暂停')。单击(函数(){ $(').演示')。饼图计时器(“暂停”)；返回false })；});/script/body/htmlgit地址：https://github。com/knorthfield/pie timer/

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。