javascript里程表在回发时重启为零

Question

我有两个javascript里程表，用于显示骑行者里程数作为英里年初至今，和几个世纪。它们应该仅在骑车者将日志添加到他们的日志时更新，但是，此时他们将返回到零，并且每次翻页时都会累计到相同的总数。这是设计（aspx）页面上的js

<script>
    setTimeout(function () {
        //Get the value from serverside
        var uid = '<%=odometermilesvalue %>';
        odometermiles.innerHTML = uid;
    }, 1000)

    setTimeout(function () {
        //Get the value from serverside
        var uid = '<%=odometermilesvalue1 %>';
        odometer1.innerHTML = uid;
    }, 1000)
</script>

然后，在体内显示里程表：

 <div id="odometer" class="odometer"></div>
 <div id="odometer" class="odometer"></div>

后面的代码从SQL中检索里程，并将该值分配给传递给aspx的变量。我可以看到值会经常更新，因为从SQL中获取的代码是在页面加载事件中，但我不知道如何修复它。如果有人有这方面的经验，请给我一两条线索。

1. 如何在打开当前里程时初始化里程表？
2. 我应该使用更新面板吗？如果是的话，我会为每个里程表使用一个？