当前位置:主页 > JavsScript库 > 日期 / 时间 >

Easy Timer/Countdown/Chronometer - easytimer.js
栏目分类:日期 / 时间   发布日期:2021-08-16   浏览次数:

easytimer.js 是一个易于使用的 Timer/Countdown/Chronometer 库,内置于纯 JavaScript 中,允许使用回调支持从给定值开始计数或倒计时。

easytimer.js使用:

1. 将easytimer.js 脚本的缩小版本插入到文档中。

<script src="dist/easytimer.min.js"></script>

2. 创建一个新的easyTimer。

var myTimer = new Timer();

3.启动计时器并完成。

myTimer.start();

4. 停止/暂停/重置定时器。

myTimer.stop();
myTimer.pause();
myTimer.reset();

5. 所有可能的配置选项:

myTimer.start({
  precision: SECONDS,
  callback: customCallback,
  countdown: false,
  target: target,
  startValues: [0,0,0,0,0]
});

6. 检查计时器是否正在运行/暂停。

myTimer.isRunning();
myTimer.isPaused();

7. 获取当前/总值。

myTimer.getTimeValues();
myTimer.getTotalTimeValues();

8. 事件处理程序。

// myTimer.addEventListener(eventType, callback);
// myTimer.on(eventType, callback);
// myTimer.removeEventListener(eventType, callback);
// myTimer.off(eventType, callback);
 
timer.addEventListener('secondTenthsUpdated', function (e) {
  // 可以处理点事情
});
 
timer.addEventListener('secondsUpdated', function (e) {
  // 可以处理点事情
});
 
timer.addEventListener('minutesUpdated', function (e) {
  // 可以处理点事情
});
 
timer.addEventListener('hoursUpdated', function (e) {
  // 可以处理点事情
});
 
timer.addEventListener('daysUpdated', function (e) {
  // 可以处理点事情
});
 
timer.addEventListener('targetAchieved', function (e) {
  // 可以处理点事情
});
 
timer.addEventListener('stopped', function (e) {
  // 可以处理点事情
});
 
timer.addEventListener('reset', function (e) {
  // 可以处理点事情
});
 
timer.addEventListener('started', function (e) {
  // 可以处理点事情
});
 
timer.addEventListener('paused', function (e) {
  // 可以处理点事情
});



官方网站:https://github.com/albert-gonzalez/easytimer.js

相关热词: easytimer.js

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库