• js函数:setInterval()/clearInterval()——js网页计时器


    一、setInterval()/clearInterval()技术学习

      都是window对象的方法,可以直接使用。

      setInterval(function(){},1000);:每1000毫秒执行一次函数;

      clearinterval(item);:清除setInterval()函数的设置,其中item是setInterval()的返回对象,例如:var item = setInterval();

    二、页面计时器

      html页面中:

    <head>
    <script type="text/javascript" src="js/common/jquery-2.1.3.js">    </script>
    </head>
      <body>
        <div>
            <span class="time"></span>
            <span class="stop">stop</span>
        </div>
     </body>

      页面内嵌入js代码:

    <script type="text/javascript">
        $(function(){
            var sec = 0;
            var min = 0;
            var hour = 0;
            var secStr;
            var minStr;
            var hourStr;
            curTime = setInterval(function(){
                sec = sec+1;
                if(sec > 59){
                    min = min + 1;
                    sec = 0;
                    if(min > 59){
                        hour = hour + 1;
                        min = 0;
                    }
                }
                secStr = sec < 10 ?"0"+sec:sec;
                minStr = min < 10 ?"0"+min:min;
                hourStr = hour < 10 ?"0"+hour:hour;
                $(".time").html(hourStr+":"+minStr+":"+secStr);
            },1000);
            $(".stop a").click(function(){
                window.clearInterval(curTime);//必须将curTime作为参数传入到该方法中
            });
        });
    </script>
  • 相关阅读:
    vue-cli构建项目 npm run build后应该怎么运行在本地查看效果
    解析JSON数组
    Lambda
    keytool不是内部或外部命令
    XML布局
    HTML5本地存储IndexedDB基础使用
    Vue 2.0基础
    cs231n__3. LostFunction
    cs231n__2. K-nearest Neighbors
    week_Last
  • 原文地址:https://www.cnblogs.com/brolanda/p/4523760.html
Copyright © 2020-2023  润新知