zoukankan      html  css  js  c++  java
  • setInterval的应用

    ## setInterval的应用
    
    每隔一段时间重复执行代码,直到窗口、框架被关闭或执行
    
    setInterval():
    
    格式:[对象名=] setInterval("<表达式>",毫秒);
    
    例如: timmer = setInterval(function(){},1000);//代表每1000毫秒就执行一次匿名函数,返回对象名为timmer;
    
    然后可以用个函数清除,终止setInterval的使用
    
    clearInterval(对应的对象名):
    
    例如: clearInterval(timmer);
    
    实例如下: 设置一个div,点击移动就开始移动,点击停止就停止
    
        <!DOCTYPE html>
        <html>
            <head>
                <title></title>
                <meta charset="utf-8">
                <style>
                div{ 
                    width:100px;
                    height:100px;
                    background:blue;
                    position:absolute;
                    left:0px;
                }
                </style>
            </head>
            <body>
                <div></div>
                <button onclick="stop()">停止</button>
                <button onclick="start()">开始</button>
            </body>
            <script>
                function start(){ 
                    time =setInterval(
                        function(){
                    num+=50;
                    div.style.left=num+'px';
                },4000);
                }
                function stop(){ 
                    //alert('ting');
                    clearInterval(time);
                    //clearInterval(time1);
                }
                //找对象,改属性
                var div=document.getElementsByTagName('div')[0];
                console.log(div);
                var num=0;
                var time=setInterval(
                    function(){ 
                    num+=10;
                    div.style.left=num+'px';
                },1000);
                console.log(time);
                console.log(time1);
            </script>
        </html>
  • 相关阅读:
    redis实现与分析
    NULL, '',0 '0'的区别
    Linux strace命令
    strcpy和memcpy的区别
    图书推荐
    php与mysql通讯那点事
    linux命令汇总
    linux系统信息查询及相关概念
    LNMP zabbix安装
    lftp查看文件时间与登录服务查看文件时间相差8小时
  • 原文地址:https://www.cnblogs.com/lgqtecng/p/6415957.html
Copyright © 2011-2022 走看看