时间戳

首页 > 解决方案 > jquery中的计时器恢复问题

jquery - jquery中的计时器恢复问题

问题描述

我有一个现有的秒表代码。它工作正常，但它具有以下功能：当我单击暂停按钮时，它会使用 Resume 更改开始按钮的值并使计时器暂停。当我单击具有值 Resume 秒表恢复的开始按钮并在它暂停的地方启动计时器时。

我在这里的Jsfiddle中创建了我的代码

我想要我的开始按钮值，我必须制作另一个恢复按钮，我必须使用它来制作恢复功能。

我已经制作了第二份简历功能，但不知道该怎么做。

实际上，我想直接从特定时间开始我的秒表。

这就是为什么我想要代码，通过它我可以从特定时间启动我的计时器。

任何人都可以帮助我。

<input type="button" value="Start" id="sw_start" />
<input type="button" value="Resume" id="resume" /> // this button made by me
<input type="button" value="Pause" id="sw_pause" />
<input type="button" value="Stop"  id="sw_stop" />
<input type="button" value="Reset" id="sw_reset" />

标签： jquerystopwatch

解决方案

JSFiddle：https ://jsfiddle.net/9xeqskro/

我编辑了 JSFiddle 并添加了一个名为的简单函数startFromTime，该函数采用毫秒参数，并调整 APP 插件中的几个设置以从指定时间开始。怎么样？

我添加的代码如下：

function startFromTime(ms) {
    // manually set time difference to desired input
    $.APP.td = parseInt(ms);

    // set state to 'pause' to mimick 'resume' behaviour
    $.APP.state = 'pause';

    // start the timer
    $.APP.startTimer('sw');
}

// call startFromTime() using manual number input
$('#start_custom').on('click', function() {
    var ms = $('#start_time').val();
    startFromTime(ms);
});

推荐阅读