📌  相关文章
📜  HTML DOM Marquee scrollDelay 属性(1)

📅  最后修改于: 2023-12-03 15:31:10.447000             🧑  作者: Mango

HTML DOM Marquee scrollDelay 属性介绍

HTML DOM Marquee 元素被用于创建跑马灯效果。跑马灯效果可以是文字、图像或其它 HTML 元素。在跑马灯效果中，内容水平滚动，不断重复直到停止。

scrollDelay 属性指定跑马灯的滚动延迟时间（即，多久滚动一像素）。默认值是 60 毫秒。这个值越小，滚动速度越快，反之亦然。

语法
marqueeObject.scrollDelay = number;
  • marqueeObject：必填，要设置的 Marquee 元素。
  • number：必填，要设置的滚动延迟时间，单位是毫秒。
示例
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>HTML DOM Marquee scrollDelay 属性示例</title>
   </head>
   <body>
      <marquee id="myMarquee" behavior="scroll" direction="left">Hello, World!</marquee>
      <script>
         var marquee = document.getElementById("myMarquee");
         marquee.scrollDelay = 30; // 设置滚动延迟时间为 30 毫秒
      </script>
   </body>
</html>
兼容性

| 标准 | Chrome | Firefox | Safari | Opera | IE | | ---- | ------ | ------- | ------ | ----- | -- | | | Yes | Yes | Yes | Yes | Yes |

注意事项
  • 此属性被标记为过时，不建议在新项目中使用。建议使用 CSS 动画代替 Marquee 元素实现动态效果。
  • 在老式的浏览器上，scrollDelay 的值可能不是很准确。