【问题标题】:Stopwatch JavaScript秒表 JavaScript
【发布时间】:2018-03-26 06:55:51
【问题描述】:

我正在学习如何开发,我正在尝试使用 Javascript 在我的 html 正文中实现秒表

var c = 0.0;

function tempo() {
  document.getElementById("test").innerHTML = c += 0.1;
}
<button onClick="myTimer = setInterval(tempo, 1000)">Lancement!</button>

<p id="test">Clic ici</p>

<button onClick="clearInterval(myTimer)">Arret!</button>

但是有什么功能或方法可以自动增加秒、分和小时吗?还是我必须算上setInterval

编辑: 这是我实际上在做什么!单击按钮时花费时间,再次单击时获取两次单击之间的间隔...

<button onclick="test()">ICI</button>
let debut;
let fin;
let ouiNon = false;
function test() {
    let currentTime = new Date();
    let currentSec = currentTime.getSeconds();
    let currentMin = currentTime.getMinutes();
    let currentHour = currentTime.getHours();
    if (ouiNon == false) {
        debut = currentTime;
        ouiNon = true;
        console.log("debut ok");
        console.log(debut);
    } else {
        fin = currentTime;
        ouiNon = false;
        console.log("fin ok");
        console.log(fin);
    }
    console.log(fin - debut);
}

【问题讨论】:

标签: javascript


【解决方案1】:

您可以使用日期来获取秒、分和小时。

var date = new Date();

date.getSeconds(); //get seconds
date.getMinutes(); //get mintes
date.getHours();   //get hours

但要检查这一点,您还需要 setInterval 方法。

【讨论】:

    【解决方案2】:

    您可以使用当前时间并从中提取您想要的部分。

    var currentTime = new Date();
    var currentSec  = currentTime.getSeconds();
    var currentMim  = currentTime.getMinutes();
    var currentHour = currentTime.getHours();
    

    【讨论】:

    • 谢谢你,这对我有帮助,我正在尝试不同的方式来使用 currentTime
    • 在 google chrome 中打开开发者工具并在控制台中玩耍。它有很好的方法完成。
    猜你喜欢
    • 2015-08-22
    • 2023-03-19
    • 1970-01-01
    • 1970-01-01
    • 2011-12-04
    • 2021-11-06
    • 1970-01-01
    • 2014-05-30
    • 2023-03-15
    相关资源
    最近更新 更多