网页自动滚屏播放

好长时间不做网页了，今天老板说要做一个展示的demo，让这个demo 自动的播放

用js做了一个滚屏播放的代码

<script type="text/javascript">
        var done = true;
        var speed = 4         //设置速度
        var currentpos = 0, alt = 1, curpos1 = 0, curpos2 = -1
        function initialize() {
            startit()
        }
        function scrollwindow() {

            if (done) {
                if (document.all)
                    temp = document.body.scrollTop
                else
                    temp = window.pageYOffset
                if (alt == 0)
                    alt = 1
                else
                    alt = 0
                if (alt == 0)
                    curpos1 = temp
                else
                    curpos2 = temp
                if (curpos1 != curpos2) {
                    if (document.all)
                        currentpos = document.body.scrollTop + speed
                    else
                        currentpos = window.pageYOffset + speed
                    window.scroll(0, currentpos)
                }
                else {
                    currentpos = 0
                    window.scroll(0, currentpos)
                }
            }
        }
        function startit() {
            setInterval("scrollwindow()", 1000)
        }
        function setDone(f) {
            if (f == 0) {
                done = false;
        
            }
            if (f == 1) {
                done = true;
            }
        }
        window.onload = initialize
    </script>

在上面的这段代码中，我有添加了一个点击停止播放的函数function setDone(f)，这个函数可以加到按钮上来控制是否自动播放

例如：

<span style="font-size: 10pt; color: white;" οnclick="setDone(1)">自动 </span>

　　

 

转载于:https://www.cnblogs.com/xiaopanlyu/p/4822126.html