结果如下:
效果演示源代码
下载 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实现的扇形定时器的全部内容,希望大家喜欢。