个人中心
gpt4 book ai didi

javascript - 自动和/或不断向下滚动页面

转载 作者：行者123 更新时间：2023-11-28 00:54:34 25 4
gpt4 key购买 nike

<分区>

我有一个元素，其中使用 javascript 和 MySQL 不断/定期更新的数据库不断地将文本写入 html 页面。

我想在文本开始写出窗口时自动向下滚动，但我没有找到方法，你能帮我吗？

这是实际的代码:

<head>

   <div id="header"></div>
   <div id="body"></div>
   <div id="footer"></div>

   <script type = "text/javascript" src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

    <style type="text/css"> 

        #myTable{ 
           width:"90%";            
           min-width:250px;
           white-space: pre-wrap;
           word-wrap:break-word;
           position:absolute;
           border:solid 0px;
           top:-600px;
           left:320px;
           right:320px;
           bottom:0px;
           font-size:100px;
           font-family:"Times New Roman", Times, serif;
           text-align:left
                 } 

    </style> 

</head>

<body>
    <div id="myTable"> <div>

    <script type="text/javascript">  
        var skip = 0;
        function get_data(index) {
            $.ajax({
                url : 'getData.php',
                type : 'POST',
                data: ({"skip":skip}),
                success : function(data) { 
                    if(data && data.trim()!='') {
                        skip = skip+1;
                        showText("#myTable", data, 0, 20); 
                    }
                    else {
                        setTimeout(function () { get_data(skip); }, 30000);
                    }
                },
                error : function(request,error)
                {
                    alert("Request error : "+JSON.stringify(request));
                }
            });
        }

        function showText(target, message, index, interval) {   
            if (index < message.length) {
                $(target).append(message[index++]);
                setTimeout(function () { showText(target, message, index, interval); }, interval);
            }
            else {
                get_data(skip);
            }
        }

        //var period = 10000; //NOTE: period is passed in milliseconds
        get_data(skip);
        //setInterval(page_refresh, period); 
    </script>

</body>

还有测试页，所以你会看到关于:http://82.223.18.239/writing2.php 的内容

25 4 0
文章推荐： javascript - 如何在javascript函数中传递 `this`作为参数？
文章推荐： c++ - 无法将参数 4 从 'void' 转换为 'const char *'
文章推荐： C++ 模板和类
文章推荐： c++ - 我需要一些 C++ 结构建议
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com