用输入值替换jquery变量值

当鼠标闲置X秒时，我想在我的网站上添加一个屏幕保护程序容器。 我发现这是为了实现这一点。如您所见，在显示屏幕保护程序之前，您可以设置自定义的等待时间（示例中为3000毫秒）。我想要实现的是让用户通过输入添加他们喜欢的时间量，并且该函数在不重新加载页面的情况下生效。我对javascript知之甚少，虽然我搜索了很多，但我确信我不知道正确的搜索词来帮助我找到解决方案，所以我在这里寻求帮助。这可能吗？如果是，我该怎么办

---

提前感谢。

这是一个简化版，但至少应该让您走上正确的道路

HTML

<input type="text" size="3" name="screensaverDelay" id="screensaverDelay" value="3000"/>
<button id="changeDelay">Change Screensaver Delay</button>
<div id="screensaver">This is my screensaver!!</div>

CSS

#screensaver {
    display: none;
}

#screensaver {
    display: none;
}