【问题标题】:jquery Countdown Timer - reset on keypressjquery倒数计时器 - 按键重置
【发布时间】:2015-04-13 19:22:53
【问题描述】:

我有一个用于注销用户的倒数计时器(用于管理站点)。 当用户按下一个键时,它应该重置计时器,但它不起作用。

我应该如何重置计时器?

$(function(){
 
 var perc = 50 // User will be logged out after (minutes)
 var count = perc * 60;
 
 // RESET TIMER
 
$(document).keypress(function(){
    var count = perc * 60;   // PROBLEM
	alert('keypress works');
});  
	
	
 //COUNTDOWN
 
 var counter = setInterval(timer, 1000); 
	function timer() {
		count = count - 1;
		if (count == -1) {
			// LOGOUT //
			return;
		}

		var seconds = count % 60;
		var minutes = Math.floor(count / 60);

		seconds %= 60;
		minutes %= 60;

		document.getElementById("seconds").innerHTML = seconds;
		document.getElementById("minutes").innerHTML = minutes;
		document.getElementById("start_time").innerHTML = inactive;
	 
	};

 });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="menu_countdown"><span id="minutes"></span> : <span id="seconds"></span></div>

【问题讨论】:

  • 仅供参考,使用 setInterval 和计数器对于跟踪时间不准确。

标签: javascript jquery timer reset countdowntimer


【解决方案1】:

var 将其范围限定为按键闭包

var count = perc * 60;   // PROBLEM 

您需要删除var

$(document).keypress(function(){
    count = perc * 60;
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-08-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多