function timerCountdown() {
var timeleft = document.getElementById("text").value;
timeleft -= 1;
displayTime.innerHTML = timeleft;
setInterval(timerCountdown, 1000);
}
Set Timer<input type="text" id="text" value="">
<br>
<span id="displayTime"></span>
<br>
<button onclick="timerCountdown()" type="button" id="button" value="submit">GENERATE</button>
사용자가 원하는 값 (초)을 입력 할 수있는 내 프로젝트에 대한 카운트 다운 타이머를 만들려고합니다. 그러나 내 코드는 카운트 다운 대신 숫자에만 유지됩니다. 어떤 도움을 주시면 감사하겠습니다.
값의 요소를 가져 오는 변수를 만들고, 증분 카운터를 설정하고, 변수가 매초 증분 카운터를 뺀 setInterval을 시도했지만 증분 카운터가 작동하지 않는다고 생각합니까?
JS 파일
function timerCountdown() {
var timeleft = document.getElementById("text").value;
var counter = 0;
counter++;
displayTime.innerHTML = (timeleft - counter);
setInterval(timerCountdown,1000);
}
HTML 파일
<input type="text" id="text" style="display: none;">
<span id="displayTime"></span>
타이머가 카운트 다운 될 것으로 예상했지만 대신 값을 1만큼 빼고 거기에 머물러 있습니다.
이것을 시도해 볼 수 있습니까?
function startCountDown()
{
var timeleft = document.getElementById('countdown').value;
document.getElementById('display').innerHTML = timeleft;
var downloadTimer = setInterval(function(){
timeleft -= 1;
document.getElementById('display').innerHTML = timeleft;
if(timeleft <= 0){
clearInterval(downloadTimer);
document.getElementById('display').innerHTML = 'Finished';
}
}, 1000);
}
<span id="display"></span>
<br/>
<input type="number" id="countdown">
<input type="button" value="Start countdown" onclick="startCountDown()">
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다