WML-计时器

WML-计时器是一个基于WML（Wireless Markup Language）开发的计时器工具。它具有简单易用、方便灵活、界面美观等特点，可以方便地实现计时和倒计时功能。

功能特点

• 支持计时和倒计时两种模式
• 支持计时的开始、暂停、停止和重置
• 支持倒计时的开始、暂停、停止和重置
• 支持设置计时器的起始时间
• 支持设置计时器的间隔时间
• 支持设置计时器的提示音
• 支持设置计时器的背景颜色
• 支持设置计时器的字体大小和颜色

使用方法

1. 引入WML-计时器的JS和CSS文件

<link rel="stylesheet" href="wml-timer.css">  
<script src="wml-timer.js"></script>

2. 创建一个计时器容器

<div id="timer"></div>

3. 初始化计时器

var timer = new WMLTimer({
    container: document.getElementById('timer'),
    mode: 'countdown',
    duration: 60,
    interval: 1000,
    onTick: function(time, percent) {
        console.log('tick', time, percent);
    },
    onStop: function() {
        console.log('stop');
    },
    onStart: function() {
        console.log('start');
    },
    onReset: function() {
        console.log('reset');
    }
});

4. 开始计时

timer.start();

5. 暂停计时

timer.pause();

6. 停止计时

timer.stop();

7. 重置计时

timer.reset();

参数说明

container

• 类型：DOM元素
• 描述：计时器容器元素

mode

• 类型：字符串
• 描述：计时器模式（'timer'或'countdown'）

duration

• 类型：数字
• 描述：计时器持续时间，单位为秒

interval

• 类型：数字
• 描述：计时器间隔时间，单位为毫秒

onTick

• 类型：函数
• 描述：每次计时时触发的回调函数，函数接收两个参数：time（剩余时间，单位为秒）、percent（已经过的时间占总时间的百分比）

onStop

• 类型：函数
• 描述：计时器停止时触发的回调函数

onStart

• 类型：函数
• 描述：计时器开始时触发的回调函数

onReset

• 类型：函数
• 描述：计时器重置时触发的回调函数

总结

WML-计时器是一个非常实用的计时器工具，使用它可以方便地实现计时和倒计时功能，并能够自定义计时器的样式和行为，非常适合在手机端或移动设备上使用。