我在javascript中写了一个倒计时器功能。它工作但它在我启动页面时启动。我希望它应该在点击按钮时启动。
function startTimer(duration, display) {
var timer = duration, minutes, seconds;
setInterval(function () {
minutes = parseInt(timer / 60, 10);
seconds = parseInt(timer % 60, 10);
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
display.text(minutes + ":" + seconds);
if (--timer < 0) {
// timer = 0;
time.style.display = "none";
time2.style.display2 = "none";
redxsms.style.display = "none";
onaysms.style.display = "none";
tekraruyarionay.style.display = "block";
tekraruyarired.style.display = "block";
// time.style.display="block";
setTimeout(function () { location.reload() }, 5000);
}
}, 1000);
}
jQuery(function ($) {
var fiveMinutes = 60 * 3,
display = $('#time');
display2 = $('#time2');
startTimer(fiveMinutes, display);
startTimer(fiveMinutes, display2);
});
这是倒计时功能。
<button class="ui toggle button" onclick=" hideshow(document.getElementById('onaysms')); show(this);" id="onaytoggle">
这是按钮,当我点击它应该激活。
<span id="time"></span>
当页面开始时,它会在单击按钮时如何启动?
答案 0 :(得分:0)
将您的计时器通话插入&#34; onclick&#34;像这样的事件,当你点击按钮时会被触发。
如果您的页面上有多个按钮,我建议您在html中添加一个ID:id='timerToggle'
,然后将$("button.toggle")
替换为{{1} }}
$("#timerToggle")