是否有可能修改下面這個秒表的代碼，使其作為一個倒計時的計時器，從00:13:00開始，在00:00:00停止。開始和重置按鈕的功能應該和以前一樣。
。/Define vars to hold time values。
let seconds = 0;
let minutes = 0;
let hours = 0;
//Define vars to hold "display" value
let displaySeconds = 0;
let displayMinutes = 0;
let displayHours = 0;
//Define var to hold setInterval() function.
let interval = null;
/Define var to hold stopwatch status[/span
let status = "stoped"。
//Stopwatch函式（確定何時遞增下一個值的邏輯，等等）。
function stopWatch() {
seconds 。
//Logic to determine when to increment next value
if(seconds / 60 == 1){
seconds = 0;
分鐘 。
if(minutes / 60 == 1){
minutes = 0;
小時 。
}
}
//如果秒/分/小時只有一位數，則在該值前加一個0。
if(seconds < 10){
displaySeconds = "0" seconds.toString()。
}
else{
displaySeconds = seconds;
}
if(minutes < 10){
displayMinutes = "0" minutes.toString()。
}
else{
displayMinutes = minutes;
}
if(hours < 10){
displayHours = "0" hours.toString()。
}
else{
displayHours = hours;
}
//向用戶顯示更新的時間值。
document.getElementById("display"/span>)。 innerHTML = displayHours ":"/span> displayMinutes ":"/span> displaySeconds。
}
function startStop（）{
if(status === "stoped"){
//啟動秒表（通過呼叫setInterval()函式）。
interval = window.setInterval（stopWatch, 1000）。
document.getElementById("startStop").innerHTML = "stop";
status = "開始"。
}
else{
window.clearInterval（interval）。
document.getElementById("startStop").innerHTML = "start"。
status = "stoped"。
}
}
/Function to reset the stopwatch; }
function reset(){
window.clearInterval（interval）。
秒 = 0;
分鐘 = 0;
小時 = 0;
document.getElementById("display").innerHTML = "00:00:00" ;
document.getElementById("startStop").innerHTML = "start";
}<!DOCTYPE html>
<html lang="en">
<head>/span>
<meta charset="UTF-8">/span>
<meta name="viewport" content="width=device width, initial-scale=1. 0">
< meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>/span>Stopwatch</title>/span>
<link href="https://fonts.googleapis. com/css2?family=Concert One&display=swap" rel="styleheet">
<link rel=" stylesheet" href="style. css">
<script type="text/javascript" src="scripts. js">/span></script>
</head>
<body>
<div class="container">
<div id="display">/span>
00:13:00
</div>
<div class="butts">
< button id="startStop" onclick="startStop()" /span>> 啟動</按鈕>。 < button id="reset" onclick="reset()" > 復位</按鈕>
</div>/span>
</div>/span>
</body>
</html>/span>我試著設定初始時間00:13:00，并使用--運算子而不是 運算子。但它只是顯示負的時間。
（不包括CSS）。
（不包括CSS，因為它將保持不變）
。uj5u.com熱心網友回復：
下面的if陳述句/Logic to determine when to increment next value需要改成seconds < 0和minutes < 0
/Define vars to hold time values。
let seconds = 0;
let minutes = 1;
let hours = 0;
//Define vars to hold "display" value
let displaySeconds = 0;
let displayMinutes = 0;
let displayHours = 0;
//Define var to hold setInterval() function.
let interval = null;
/Define var to hold stopwatch status[/span
let status = "stoped"。
//Stopwatch函式（確定何時遞增下一個值的邏輯，等等）。
function stopWatch() {
秒--。
//Logic to determine when to increment next value.
if (seconds < 0) {
if (minutes === 0 && hours === 0) {
clearInterval（interval）。
alert("done!") 。
return;
} else {
seconds = 59;
分鐘--。
if (minutes < 0) {
minutes = 59;
小時--。
}
}
}
//如果秒/分/小時只有一位數，則在該值前加一個0。
if (seconds < 10) {
displaySeconds = "0" seconds.toString()。
} else {
displaySeconds = seconds;
}
if (minutes < 10) {
displayMinutes = "0" minutes.toString();
} else {
displayMinutes = minutes;
}
if (hours < 10) {
displayHours = "0" hours.toString()。
} else {
displayHours = hours;
}
//向用戶顯示更新的時間值。
document.getElementById("display") 。 innerHTML = displayHours ":"/span> displayMinutes ":"/span> displaySeconds。
}
function startStop（） {
if (status === "stoped") {
//啟動秒表（通過呼叫setInterval()函式）。
interval = window.setInterval（stopWatch, 1000）。
document.getElementById("startStop").innerHTML = "stop";
status = "開始"。
} else {
window.clearInterval（interval）。
document.getElementById("startStop").innerHTML = "start"。
status = "stoped"。
}
}
/Function to reset the stopwatch; }
function reset() {
window.clearInterval（interval）。
秒 = 0;
分鐘 = 13;
小時 = 0;
document.getElementById("display").innerHTML = "00:00:00" ;
document.getElementById("startStop").innerHTML = "start";
}<div class="container"> /span>
<div id="display">/span>
00:01:00
</div>
<div class="butts">
< button id="startStop" onclick="startStop()" /span>> 啟動</按鈕>。 < button id="reset" onclick="reset()" > 復位</按鈕>
</div>/span>
</div>/span>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/331815.html
標籤：
上一篇：撰寫DbContext擴展方法