需要一个计数器每天更新

Need a counter to update daily

本文关键字：一个 计数器 每天更新      更新时间：2023-09-26

我正在寻找一个快速的脚本，将每天更新一个数字。这是指在工作场所没有发生事故的天数。

我想把它的HTML页面链接到它在启动组在XP(是的XP，公司是有点落后)，并在启动时运行。我以后可能会添加更多的东西，但这是主要目的。

所以每天它需要在前几天的基础上更新1个数字，所以它很可能必须被读写到一个文件中。如果浏览器关闭或系统重启，它不应该更新增量浏览器，除非它是另一天。

谁能给我指出一个做这件事的好方法?我在想javascript，但我是开放的。我不能访问数据库。

谢谢

这个脚本应该能达到这个效果

<div id="counter">1</div>
<button id="reset">Reset</button>

JS 

setInterval(function(){
    var value = parseInt(document.getElementById('counter').innerHTML);
    document.getElementById('counter').innerHTML = (value+1).toString();
},86400000); //86400000 = 1 day in milliseconds
var btn = document.getElementById('reset');
btn.onclick=function(){
    document.getElementById('counter').innerHTML = "0";
};
http://jsfiddle.net/khe67/3/

那么你可能想使用HTML5在web browser中保存变量，所以如果你碰巧重新加载或重新启动计算机，你仍然保存了变量。代码可能看起来像这样:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hello HTML5</title>
<script>
window.onload = function (){
    if(typeof(Storage)!=="undefined"){
        var goodDays;
        var oldTime = localStorage.getItem("oldTime"); 
        var timestamp = new Date().getTime();
        if(!oldTime || oldTime==""){
            goodDays = 1;
            localStorage.setItem("oldTime", timestamp);
            localStorage.setItem("dayCounter", goodDays);
        }else{
            var timeCheck = oldTime + (24 * 60 * 60 * 1000);
            goodDays = localStorage.getItem("dayCounter");
            if(timestamp > timeCheck){
                goodDays++;
                localStorage.setItem("oldTime", timestamp);
                localStorage.setItem("dayCounter", goodDays);
            }
        }
        document.getElementById("dCounter").innerHTML=goodDays; 
    }else{
        alert("geat a real browser");
    }
}
function resetDays(){
    localStorage.setItem("oldTime", "");
    localStorage.setItem("dayCounter", "");
    location.reload();
}
</script>
</head>
<body>
<div style="display:inline">DAYS WITH OUT INCENDENTS </div><div style="display:inline" id="dCounter"></div>
<div style="cursor:pointer" onclick="resetDays()">Reset</div>
</body>
</html>
相关文章：