интересно, можете ли вы, ребята, помочь мне ...
Я пытаюсь создать простой часовой таймер обратного отсчета в Javascript.Я могу начать все правильно, но у меня проблемы с приостановкой.Я следовал приведенным здесь примерам, youtube и codepen, используя clearTimeout (), но я просто не могу заставить его работать.Заранее спасибо.
Часы обратного отсчета
var t;
var count = 3600;
function cddisplay() {
// displays time in span
document.getElementById('timeLeft').innerHTML = Math.round(count / 60);
};
function countdown() {
// starts countdown
cddisplay();
if (count == 0) {
// time is up
alert("Another day closer!");
var url = "https://www.twitter.com/";
var windowName = "new window";
window.open(url, windowName, "height=200,width=200");
return;
} else {
count--;
t = setTimeout("countdown()", 1000);
}
return;
};
function cdpause() {
// pauses countdown
clearTimeout(t);
};
function hideButton() {
// Greys out button
document.getElementById("startButton").className = "btn btn-primary disabled";
document.getElementById("startLine").innerHTML = "Kick some bum!";
}
console.log(count);
.hidden {
display: none;
}
#title {
font-family: Arial, Helvetica, sans-serif;
}
h2 {
font-family: Helvetica;
}
<!doctype html>
<html>
<head>
<title>100 Days Buddy</title>
<script src="script.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="jumbotron">
<div class="container text-center">
<h1 class="" id="title">100 Days Buddy</h1>
<h2 class="small"> Start your daily hour, then tweet your progress!</h2>
<h3 id="startLine">Click Start to begin your hour</h3>
<input class="btn btn-primary" id="startButton" type="button" value="Start" onclick="countdown(); hideButton();">
<input class="btn btn-secondary" type="button" value="Pause" onclick="cdpause()">
<h2>Time left: <span id="timeLeft"></span> minutes.</h2>
</div>
</div>
</body>
</html>