JS实现滚动窗口

<script type="text/javascript">
    window.onload = function(){
        var speed = 20;
        var td1 = document.getElementById("td1");
        var td2 = document.getElementById("td2");
        td2.innerHTML = td1.innerHTML;

        var div1 = document.getElementById("div1");

        function goLeft(){
            if (td1.offsetWidth - div1.scrollLeft < 0) {
                div1.scrollLeft = div1.scrollLeft - td1.offsetWidth;
            }else {
                div1.scrollLeft++;
            }
        }
        setInterval(goLeft,speed);
    }
</script>

<div id="div1" style="overflow:hidden;width:800px;height:50px;">
        <table style="width: 800px;height: 45px;background-color: silver;">
            <tr>
                <td id="td1">
                    <table style="width: 800px;height: 45px;background-color: silver;">
                        <tr>
                            <td align="center"><font size="5px" color=blue>JS实现滚动窗口</font></td>
                        </tr>
                    </table>
                </td>
                <td id="td2"></td>
            </tr>
        </table>
    </div>