JavaScript倒数计时器，按on键重置计时器

我试图弄清楚当我按下一个键时，它是如何从30倒计时到0的，如果我再次按下该键，它会做同样的事情，从30倒计时到0（重置）

有没有一种方法可以通过JavaScript来实现，并且在HTML中只显示从30到0的数字，而不显示其他文本

我尝试过使用其他例子，但我认为我一定是把脚本放错地方了。有人能给我一个例子，不仅仅是JS，还有HTML标记应该是什么样子吗？非常感谢

我一直试图修改和使用的示例是：

主体中的JavaScript

$（函数（）{
var perc=50//用户将在（分钟）后注销
变量计数=perc*60；
//重置计时器
$（文档）.keypress（函数（）{
var count=perc*60；//问题
警报（“按键工作”）；
});
//倒计时
var计数器=设置间隔（计时器，1000）；
函数计时器（）{
计数=计数-1；
如果（计数==-1）{
//注销//
返回；
}
var秒数=计数%60；
var分钟=数学地板（计数/60）；
秒%=60；
分钟%=60；
document.getElementById（“秒”）.innerHTML=seconds；
document.getElementById（“分钟”）.innerHTML=minutes；
document.getElementById（“开始时间”）.innerHTML=inactive；
};
});

下面是一种简单的方法，使用一秒倒计时，它在至少

n

毫秒（1000毫秒=1秒）之后调用其参数函数

/*计数器不准确*/
让我们数一数；
让间隔；
常量计时器=document.querySelector（“计时器”）；
document.addEventListener（“keydown”，e=>{
如果（e.keyCode==88）{//x键
间隔时间；
计数=30；
间隔=设置间隔（（）=>{
timer.innerText=计数--；
如果（计数<0）{
间隔时间；
}
}, 1000);
}
});
按“x”键
您能更新您的问题并在尝试时包含相关的源代码吗？谢谢，谢谢你！如果我想把它设置为一个特定的键，比如字母X，而不是任何键呢。我是否需要使用类似.keydown（函数（e）{if（e.keyCode==114）的东西如果我查找了正确的关键代码？谢谢，伙计！第一个框是我需要放入标记中的java脚本，第二个框是style.css？该DIV是否进入html文件的正文中？是的，JS进入
标记中，应该位于正文的末尾，或者从
外部引用。样式并不重要在我的例子中，但是会在标题中加入
标记，或者在
样式中加入外部标记。css
并带有指向它的链接。哦，SNAP mate！我明白了，我只是无法理解它，即使在看了所有的例子之后-我明白了你所说的css部分并不重要，但我现在明白了它的相关性。在这个例子中，我不需要CSS非常感谢，你教了我很多，只是帮助我理解HTML标记-在我的书中；你今天赢得了互联网，mich love XX难道你不知道javascript是否能够/足够聪明地选择捕捉击键的窗口吗？我正在做的是将htm文件导入stemaing软件和wan在游戏中，当我按下该键时，它应该会启动作为html文件导入的计时器。该导入工作，文本显示为按他们的键，但它仅在html文件在web浏览器中打开时识别物理按键。