Question

我想制作一个javascript计时器，因为它是第一次运行以来的7天倒计时。

以下是该方案：

html文件将提供给100名学生
因此，只要打开html文件，计时器就会启动
如果用户重新启动计算机，则时间不会影响

不知道它是如何完成的。

The simplest possible JavaScript countdown timer?

Answer 1

此can be accomplished locally （表示每个用户都有自己的计数器），方法是将Date.now()的值保存到localStorage。然后，当重新打开html文件时，您会从localStorage读取并将该值与当前Date.now()进行比较。

除非您从服务器提供此html文件，否则您可以使用此计时器执行的操作非常有限。

(function() {
    var started = localStorage['started'];
    if (started) {
        // This is not the first time the user opens this file
        // How long has it been?

        var diff = Date.now() - started;

        if (diff >= 1000 * 60 * 60 * 24 * 7) {
            // At least one week has passed. Do something here.
        } else {
            // Less than a week has passed. Do something else here.
        }
    } else {
        // This is the first time the user opens this file 

        localStorage['started'] = Date.now();

        // Do something else here to welcome the user...
    }
})();

Date.now参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/now

请记住，这根本没有安全保障。您是在用户浏览器上执行此操作，用户可以完全控制该环境。一个简单的清除缓存将从localStorage删除保存的值。

我使用此方法创建一个完全在本地运行的项目时钟。

简单的Javascript计时器与系统日期

1 个答案: