Timer Restarted on Button Click

See more:

ASP.NET

Javascript

HTML

jQuery

, +

I am developing the Online Exam Project... and I am taking Timer, when User can give the Test....

But when User clicks On any button on the page, then Page is refreshing and Timer are restarted.

I am using this jQuery for timer :-

<script type="text/javascript">
        //for timer...
        var mins
        var secs;
        function cd() {
            mins = 1 * m(document.getElementById("TxtTimer").value);
            secs = 0 + s(":01");
            redo();
        }

        function m(obj) {
            for (var i = 0; i < obj.length; i++) {
                if (obj.substring(i, i + 1) == ":")
                    break;
            }
            return (obj.substring(0, i));
        }

        function s(obj) {
            for (var i = 0; i < obj.length; i++) {
                if (obj.substring(i, i + 1) == ":")
                    break;
            }
            return (obj.substring(i + 1, obj.length));
        }

        function dis(mins, secs) {
            var disp;
            if (mins <= 9) {
                disp = " 0";
            } else {
                disp = " ";
            }
            disp += mins + ":";
            if (secs <= 9) {
                disp += "0" + secs;
            } else {
                disp += secs;
            }
            return (disp);
        }

        function redo() {
            secs--;
            if (secs == -1) {
                secs = 59;
                mins--;
            }
            document.getElementById("TxtTimer").value = dis(mins, secs);
            if ((mins == 0) && (secs == 0)) {
                window.alert("Time is up. Press OK to continue...");
                document.getElementById('<%=BtnFinish.ClientID%>').click();
            } else {
                document.getElementById("form1").value = setTimeout("redo()", 1000);
            }
        }

        function init() {
            cd();
        }
        window. önload = init;
    </script>

Design side code :-

<asp:DataList ID="DataList3" runat="server">
    <ItemTemplate>
        <input id="TxtTimer" style="width: 100px;" class="timer" type="text" value='<%# Eval("Time") %>' name="TxtTimer" />
    </ItemTemplate>
</asp:DataList>

[Edit member="Tadit"]
Added pre tags.
Removed unrelated tags.
Added new Tags.
Correct spelling mistakes.
Corrected the Title and added the Description taken from previous Title.
[/Edit]