js 自动滚动,鼠标移动停止滚动

来源:互联网 发布:seo一定能帮你赚到钱 编辑:程序博客网 时间:2024/05/21 14:44
    var timer;    function pageScroller() {        timer = setTimeout("pageScroller()",3000);          if(timer!=""&&timer!=null){            console.log("begin");            $(document.body).animate({scrollTop: $("#page-footer").offset().top}, 10000);        }    }    //清除时钟,清除滚动动画    clearTimer =function(){        clearTimeout(timer);        $(document.body).stop();     }    /**     * 绑定页面的键盘事件和鼠标事件     */    var bindEvent=function(){        $(document).mousemove(function() {            clearTimer();        })          }    $(document).ready(function(){        pageScroller();        bindEvent();    })

设置定时器,自动调用pageScroller()方法.
setTimeOut()只执行一次,所以方法内部又调用自身,可以一直计时

这里写图片描述

清除定时器

这里写图片描述

这样就实现了页面3秒后自动滚动,然后鼠标移动停止动画

0 0
原创粉丝点击