w3schools测验计时器是如何工作的,以及如何创建一个类似的计时器

How does w3schools quiz timer work and how to create one like it?

本文关键字:计时器 创建 何创建 一个 何工作 工作 w3schools      更新时间:2023-09-26

我是一名JavaScript程序员,正计划构建一个计时器。。。此计时器只需要在用户完成某个进程时停止。

我已经建立了一个基本的定时器,它工作得很好,但它为函数javascript: alert("stop");冻结。引号停止并不那么重要,但当我在浏览器的地址栏中输入此脚本时,计时器会停止,当我在对话框中单击"确定"时,计时器从停止的位置开始。

我被告知这是无法阻止的,但当我访问w3schools测验页面并进行测验时,我在他们的网站上尝试了这个提醒功能,并重新加载了页面,计时器显示了正确的持续时间。

我只想知道这个计时器是否在外部工作,脚本是否在显示计时器的页面中,或者计时器脚本是否保存在外部文件中这样就可以在实时显示中显示它,而不必刷新页面,我很喜欢这样。

如果你看一下Chrome的开发者工具之类的工具,你会发现每次导航到下一个问题时,都会使用POST发送开始时间:

Form Data
    starttime: 1/6/2012 7:02:31 AM
    answers: 00000000000000000000
    qnumber: 2

服务器解释这些数据,很可能会执行类似(now - starttime).toMinutes()(伪代码)的操作来显示所花费的时间。这在重新加载页面时也适用,因为时间不会停止——当在服务器上构建页面时,(now - starttime)显然总是会给出正确的结果。

它不使用JavaScript,所以警报不会暂停任何事情——这只是对每个页面负载的简单计算。

我可以想象,如果它不是实时更新的,那么它可能不是一个计时器,更可能只是一个启动时间的存储,然后每隔一段时间就会进行一些计算。