【问题标题】:timer resume issue in jqueryjquery中的计时器恢复问题
【发布时间】:2019-08-27 10:36:00
【问题描述】:

我有一个现有的秒表代码。它工作正常,但它具有以下功能:当我单击暂停按钮时,它会使用 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" />

【问题讨论】:

    标签: jquery stopwatch


    【解决方案1】:

    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);
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多