Question

我正在寻找一个每天更新一个号码的快速脚本。这适用于工作场所没有发生事故的天数。

我希望它在XP的启动组中为它提供HTML页面的链接（是的，XP公司稍稍落后）并让它在启动时运行。我可能会在以后添加更多内容，但这是主要目的。

因此，每天需要根据前一天的数字将数字更新为1，因此很可能必须将其读取并写入文件。如果浏览器关闭或系统重新启动，则不应更新浏览器，除非它是另一天。

有人能指出我这样做的好方法。我在想javascript，但我很开放。我无法访问数据库。

由于

Answer 1

这个脚本应该可以解决问题

<强> HTML

<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/

Answer 2

您可能希望使用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>

需要一个计数器每天更新

2 个答案: