网页计时器

页面脚本代码：

 <script type="text/javascript">

        //timer操作函数
        var CallTimeLen = "0";
        var timestart = null;
        var timer = null;

        //重新计时
        function Reset() {

            timestart = new Date();
            document.getElementById("showTime").innerHTML = "00:00";

        }
        //计时 开始
        function StartCal() {

            var timeend = new Date();
            var timedifference = timeend.getTime() - timestart.getTime();
            timeend.setTime(timedifference);
            var minutes_passed = timeend.getMinutes();
            if (minutes_passed < 10) {
                minutes_passed = "0" + minutes_passed;
            }
            var seconds_passed = timeend.getSeconds();
            if (seconds_passed < 10) {
                seconds_passed = "0" + seconds_passed;
            }

            document.getElementById("showTime").innerHTML = minutes_passed + ":" + seconds_passed;

 

            window.timer = window.setTimeout("StartCal();", 1000);
         

        }
       
    </script>

 

aspx页面：

    <span id="showTime" style="color: Red">00:00</span>

 

aspx.cs代码：

     只需在需要调用计时函数的事件中加入这句代码就万事俱备，只欠东风：

      ScriptManager.RegisterStartupScript(this, this.GetType(), "js", " var timestart = new Date(); StartCal();", true);

     在需要调用重新计时函数的事件中加入这句代码就大功告成：

      ScriptManager.RegisterStartupScript(this, this.GetType(), "js", " Reset(); StartCal();", true);