结果如下：

效果演示源代码下载

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实现的扇形定时器的全部内容，希望大家喜欢。