js设置滚动效果

html代码

<div class="scroll-order" id="scroll-message">
        <ul>
            <li>1分钟前评论了您</li>
            <li>2分钟前评论了您</li>
            <li>3分钟前评论了您</li>
        </ul>
    </div>

css部分

.scroll-order{float:left;width:30%;line-height:50px;overflow:hidden;height:50px;}

js部分
js有两种方式
第一种根据像素滚动代码：

setTimeout(function(){
//选取需要滚动显示的元素
            var table = document.getElementById("scroll-message");
            var timer = null;
            //滚动起点位置
            table.scrollTop = 0;
            table.innerHTML += table.innerHTML;
            function play() {
                clearInterval(timer);
                timer = setInterval(function() {
                //滚动的像素，如果想看移动效果，则将50设置为1
                    table.scrollTop += 50;
                    //