滚动条滚动停止怎么控制运行中的定时器-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

滚动条滚动停止怎么控制运行中的定时器

2016-05-31 09:20:25 2118 1

这里的功能是点击按钮,过三秒弹出随机的数据
假如现在三秒还没有过,而我滚动了滚动条,我希望滚动了滚动条就立马结束掉定时器
也就是说让他立马显示数据,要怎么实现????

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        html,body{margin:0;padding:0;height:3000px;overflow-y:scroll;border:1px solid red}
        .aaa{width:100px;height:100px;text-align:center;line-height:100px;border:1px solid red}
    </style>
</head>
<body>
    <input type="button" value="click" id="btnclick" />
    <div class="aaa"></div>
    <script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.js"></script>
    <script>
        $(function(){
            
            var arr=['你好','hello','beybey'];
            var timer = null;
            var flag = false;
            var timeout = 3000;
            
            $("#btnclick").click(function(){
                
                flag = true;
                clearTimeout(timer);
                
                timer = setTimeout(function(){
                    $(".aaa").html(''+arr[Math.floor(Math.random()*arr.length)]+'');                    
                },timeout)
            })
            
            $(window).scroll(function(){
                if(flag){
                    //这里怎么处理???
                }
            })
        })
    </script>
      
</body>
取消 提交回答
全部回答(1)
  • 被纵养的懒猫
    2019-09-30 14:31:39

    1、ScrollView 的滚动条默认置顶,若想设置它的位置,可以使用mScrollView.smoothScrollTo(x,y)方法,可达到效果。 2、crollTo方法可以调整view的显示位置。在需要的地方调用以下方法即可。 3、scroll表示外层的view,inner表示内层的view,其余内容都在inner里。 注意,方法中开一个新线程是必要的。否则在数据更新导致换行时getMeasuredHeight方法并不是最新的高度。 public static void scrollToBottom(final View scroll, final View inner) { Handler mHandler = new Handler(); mHandler.post(new Runnable() { public void run() { if (scroll == null || inner == null) { return; } int offset = inner.getMeasuredHeight() - scroll.getHeight(); if (offset < 0) { offset = 0; } scroll.scrollTo(0, offset); } }); }

    答案来源于网络

    0 0
相关问答

1

回答

实时传输协议(RTP)运行在UDP之上时,通过什么能保证顺序呀?

2022-08-07 15:23:28 79浏览量 回答数 1

2

回答

辑器的环境,和实际运行环境一致吗?

2022-05-27 17:08:00 1106浏览量 回答数 2

1

回答

zookeeper 的 leader 服务器再运行期间定时进行会话超时检查的默认值是什么呢?

2021-12-07 16:15:00 132浏览量 回答数 1

1

回答

matplotlib的Fonts文件夹下面的中文名称微软雅黑复制到ttf里面的名称是什么?

2021-11-29 20:18:36 138浏览量 回答数 1

1

回答

为什么现在机器一下子就要重启,里面程序无缘无故停止运行

2018-12-23 17:24:32 299浏览量 回答数 1

1

回答

云服务器ECS为什么总是多次自动停止运行?

2018-11-03 10:02:44 655浏览量 回答数 1

4

回答

在ecs服务器内下载Filezilla Serve

2018-09-26 17:48:11 3224浏览量 回答数 4

2

回答

您好,想请教一下RDS上的定制功能如何从Mysql 5.5移植到Mysql 5.6。

2016-09-05 17:43:05 1989浏览量 回答数 2

2

回答

云服务器ECS为什么会自动停止运行???

2016-05-13 14:02:27 4927浏览量 回答数 2

4

回答

怎么用内网IP访问我的ECS服务器

2014-05-28 03:36:07 9418浏览量 回答数 4
文章
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载