jquery倒计时定时器-按键重置

jquery Countdown Timer - reset on keypress

本文关键字：倒计时 定时器 jquery      更新时间：2023-10-17

我有一个注销用户的倒计时计时器（用于管理站点）。当用户按下某个键时，它应该会重置计时器，但它不起作用。

我应该如何重置计时器？

$(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>

var将其定位到按键关闭

var count = perc * 60;   // PROBLEM

您需要移除var。

$(document).keypress(function(){
    count = perc * 60;
});
相关文章：