javascript代码，定时

最新推荐文章于 2023-04-17 09:54:01 发布

原创最新推荐文章于 2023-04-17 09:54:01 发布 · 159 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #ViewUI

代码收藏专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的网页元素动态对齐方法。该方法利用定时器定期检查各列高度并进行调整，确保页面视觉效果一致。此外，还介绍了如何通过监听窗口加载事件来初始化对齐操作。

           //将长的列补到短的列
            var ls = l[1];
            var bigln,smallln;
            for(var i = 1; i<=4; i++){
                if(ls > l[i]){
                    ls = l[i];
                    smallln = i;
                }
            }
            for(var i = 1; i<=4; i++){
                if(ls < l[i]){
                    ls = l[i];
                    bigln = i;
                }
            }
            var last_ele = document.getElementById("col_"+bigln).lastChild;
            $(last_ele).appendTo($("#col_"+smallln));
            
            for(var i = 1; i<=4; i++){
                l[i] = document.getElementById("col_"+i).offsetHeight;
            }

//窗口载入完后执行的函数
window.onload = function(){
    alert("ok");
}

        var document_height = $(document).height();
        var current_y = window.pageYOffset;
        if((document_height - current_y) < 1500 ) {
            //滚动增加商品
//            alert('500');
        }

<script type="text/javascript" language="javascript" >
//定时对齐
timeId = setInterval("duiqi();",800);
function duiqi() {
    $(document).ready(function(){
        var l = new Array();
        for(var i = 1; i<=4; i++){
            l[i] = document.getElementById("col_"+i).offsetHeight;
        }
        if(l[1] == l[2] && l[3] == l[4] && l[1] == l[3]) {
            return false;
        } else {
            $(".space_box").remove();
            for(var i = 1; i<=4; i++){
                l[i] = document.getElementById("col_"+i).offsetHeight;
            }
            var lm = l[1];
            for(var i=1; i<=4; i++) {
                if(lm < l[i]){
                    lm = l[i]
                }
            }
            insert_space(lm,l);
        }
    })
}

function insert_space(lm, l) {
    var lb = new Array();
    for(var i=1; i<=4; i++){
        lb[i] = lm - l[i] + 20;
        $("<li class='space_box'><div style=\"height:"+lb[i]+"px;\"></div></li>").appendTo($("#col_"+i));
    }
}

function no_login() {
    alert("请先登录。");
    return false;
}<html>

 写道
定时执行函数

下面是javascript中的定时方法，格试一定要正确，大小定也要注意，不然不能正常执行。
setTimeout(表达式,延时时间) 
setInterval(表达式,交互时间)
其中“表达式”是要执行的方法、表达试、或其它，要用“"”号括起来，setTimeout只执行一次，而setInterval则循环执行，直至。。。见下面方法：
clearInterval(timename)
这个方法清除才不会继续执行“表达式”。
这下面是代码（没有经过测试）：

<head>
<title>测试一下</title>
<script>
var begin;
function go()
{
　　//setTimeout("alert('执行')",1000);
　　begin = setInterval("alert('执行')",1000);　　//1000毫秒=1秒
}
function stopx()
{
　　clearInterval(begin);
}
</script>
</head>
<body>
<script>go()</script>
<button onclick="stopx()">停止</button>
</body>
</html>