Question

我正在使用ASP.NET C＃。下面是倒数计时器js代码。

如何使用此Js和ASP.NET c＃代码阻止计时器重置页面刷新？

function progress(timeleft, timetotal, $element) {

    var progressBarWidth = timeleft * $element.width() / timetotal;

    $element.find('div').animate({ width: progressBarWidth }, 500).html(Math.floor(timeleft / 60) + ":" + timeleft % 60);

    if (timeleft >= 0) {

        setTimeout(function () {
            progress(timeleft - 1, timetotal, $element);
            }, 1000);

        timerRemain = timeleft; 
    }
};

// progress(60, 60, $('#progressBar')); // 60 in sec
progress('<%=timer%>', '<%=timer%>', $('#progressBar')); // here  iam passing value from back end.

Answer 1

您可以使用localstorage来节省时间间隔。除非用户明确删除，否则不会清除localstorage数据。您可以使用以下代码从浏览器localstorage中保存和检索。

    function SaveToLocalStorage(){
    var date = new Date();
    var currentTime = { sec:date.getSeconds(), min:date.getMinutes(), hr:date.getHours() };
    localStorage.setItem("currentTime", JSON.stringify(currentTime));
}

function RetrieveFromLocatlStorage(){
    var myObj = JSON.parse(localStorage.getItem("currentTime"));
    console.log(myObj);
}

如何在ASP.NET C＃中刷新浏览器时不重置倒数计时器？

1 个答案: