首页 > 代码库 > marquee滚动后停顿3秒

marquee滚动后停顿3秒

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title>    <style>         #Marquee{ height:60px; overflow:hidden;}         #Marquee div{ border:1px solid #DDD3FE; background:#EEECF4; height:58px;}     </style>     </head><body>    <div id="Marquee">         <div style="width: 160px; height: 58px">间断-1-caiying2007</div>         <div style="width: 160px; height: 58px">间断-2-caiying2007</div>         <div style="width: 160px; height: 58px">间断-3-caiying2007</div>     </div>    <script>         var Mar = document.getElementById("Marquee");         var child_div=Mar.getElementsByTagName("div")         var picH = 60;//移动高度         var scrollstep=3;//移动步幅,越大越快         var scrolltime=20;//移动频度(毫秒)越大越慢         var stoptime=3000;//间断时间(毫秒)         var tmpH = 0;         Mar.innerHTML += Mar.innerHTML;         function start(){             if(tmpH < picH){                 tmpH += scrollstep;                 if(tmpH > picH )tmpH = picH ;                 Mar.scrollTop = tmpH;                 setTimeout(start,scrolltime);             }else{                 tmpH = 0;                 Mar.appendChild(child_div[0]);                 Mar.scrollTop = 0;                 setTimeout(start,stoptime);             }         }         onl oad=function(){setTimeout(start,stoptime)};     </script></body></html>

 

marquee滚动后停顿3秒