一排div自由下落

function getstyle(obj,attr)
{
    return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr];
}

/*function domove (obj,attr,dir,target,endfn)
{
    dir = parseInt(getstyle(obj,attr)) < target? dir: -dir;
    clearInterval(obj.timer);
    obj.timer = setInterval( function ()
    {
        var speed = parseInt(getstyle(obj,attr)) + dir;
        if(speed > target&& dir >0 || speed < target && dir < 0)
        {
            speed = target;
        }
        obj.style[attr] = speed + 'px';
        if(speed == target)
        {
            clearInterval(obj.timer);
　　　　　　  endfn&&endfn();
        } 
        
    },30)
}*/

function domove (obj,attr,dir,target,endfn)
{
    dir = parseInt(getstyle(obj,attr))<target?dir:-dir;
    clearInterval(obj.timer);
    obj.timer = setInterval( function ()
    {
        var speed = parseInt(getstyle(obj,attr)) + dir;
        if(dir>0&&speed>target||dir<0&&speed<target)
        {
            speed = target;
        }
        obj.style[attr] = speed + 'px';
        if( speed == target )
        {
            clearInterval(obj.timer);
        }
        endfn&&endfn();
    },50); 
};

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script src="float.js"></script>
<script type="text/javascript">
window.onload = function ()
{
    var timer = null ;
    var num = 0;
    var len = 20;
    var str = '';
    var adiv = document.getElementsByTagName('div');
    
    for( var i = 0; i < len; i++)
    {
        str += '<div style="50px; height:50px; background:red; position:absolute; top:0px; left:'+ i*60 +'px;"></div>';
    }
    
    document.body.innerHTML = str;
    
    /*document.onclick = function ()
    {
        clearInterval(timer);
        timer = setInterval( function ()
        {
            domove(adiv[num],'top',23,500)
            num++;
            if( num == len )
            {
                clearInterval(timer);
            }  
        },100)
    };*/
    
    document.onclick = function ()
    {
        clearInterval(timer);
        timer = setInterval( function ()
        {
            domove(adiv[num],'top',23,500)
            num++;
            if(len == num )
            {
                clearInterval(timer);
            }
        },100);
    }
};
</script>

</head>

<body>
</body>
</html>

今天状态不佳（事实确实如此，其实都是借口 TAT）

看别人写了20分钟的代码自己练了4遍以后才能一口气准确无误的写出来告诉我的智商怎么了拿什么救你

然后说正经的

就是有些传参的时候参数的拼写大小写一定要注意注意注意！！！！！！！！！！！

相关阅读:
Leetcode 647 回文子串
 计算机专业课程——答案搜集
 Centos搭建go环境以及go入门
 android studio实现圆角的button
关于区块链的认识和看法
 LeetCode 96. 不同的二叉搜索树
 LeetCode 120. Triangle (三角形最小路径和）详解
 LeetCode 64最小路径和
 微信发起摄像头接口请求上传头像图片
 Vue解决项目白屏以及（反向代理）
原文地址：https://www.cnblogs.com/mayufo/p/4178858.html