js仿苹果iwatch毫秒计时器

来源:https://www.sucaihuo.com/js/881.html 2016-07-01 21:28浏览(1307) 收藏

js仿ios计时器,支持自定义开始和重置时间。计时时间效果非常酷,你可以很简单的应用到你的网页或app端。
js仿苹果iwatch毫秒计时器
分类:日期时间 > 倒计时 难易:中级
查看演示 下载资源 下载积分: 20 积分

计时器功能按钮

<div class="ctrls">
    <a class="" href="#start" id="start">开始</a>
    <a href="#stop" id="stop" class="hide">停止</a>
    <a href="#reset" id="reset" class="">重置</a>
    <a class="hide" href="#lap" id="lap">计时</a>
</div>
var graph = {
    'state': {
        'pause': false,
        'inUse': false,
        'lapNum': 1
    },
    'markerStyle': {
        'green': '#67d276',
        'red': '#f73748'
    },
    'coords': {
        'x': 5,
        'y': 50,
        'prev': {
            'x': 0,
            'y': 60
        }
    },
    'msc': {
        'fastestLap': 0,
        'slowestLap': 99999999,
        'startTime': 0
    }
};
//表盘元素
var lap_mil = document.getElementById('lap_mil'),
        lap_sec = document.getElementById('lap_sec'),
        lap_min = document.getElementById('lap_min'),
        timer_mil = document.getElementById('timer_mil'),
        timer_sec = document.getElementById('timer_sec'),
        timer_min = document.getElementById('timer_min'),
        watch = document.getElementById('watch'),
        avg_time = document.getElementById('avg_time');

//图形元素
var canvas = document.getElementById('graph'),
        ctx = canvas.getContext('2d'),
        lap = document.getElementById('lap'),
        lap_numbers = document.getElementById('lap_numbers');
标签: 苹果apple
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2