In order to access this site you need to enable JavaScript!

You are here: Reference > JavaScript > client-side > HTML DOM > properties > scrollDelay (marquee)

scrollDelay property (marquee)

Browser support:

Specifies or returns the time delay between successive displays of the text in a marquee element in milliseconds.

Syntax:

object.scrollDelay;

You can find the related objects in the Supported by objects section below.

This property is read/write.

HTML page for this property: scrollDelay

Possible values:

Integer that sets or retrieves the delay, in milliseconds. The default is 80 in Internet Explorer, Google Chrome and Safari, and 85 in Firefox and Opera.

Default: 85.

Example HTML code 1:

This example illustrates the use of the scrollDelay attribute:

<marquee style="width:200px;" scrolldelay="10">scrolldelay = 10</marquee>
<br />
<marquee style="width:200px;" scrolldelay="200">scrolldelay = 200</marquee>

Copy Code

Preview

Syntax Highlighter

Did you find this example helpful? yes no

Example HTML code 2:

This example illustrates the use of the scrollDelay property:

<head>
    <script type="text/javascript">
        function ChangeScrollDelay () {
            var marquee = document.getElementById ("myMarquee");
            var input = document.getElementById ("myInput");

            marquee.scrollDelay = input.value;
        }
    </script>
</head>
<body>
    <marquee id="myMarquee" style="width:150px;" scrolldelay="30">Hi There!</marquee>

    <br />
    <input id="myInput" type="text" value="50" />
    <button onclick="ChangeScrollDelay ();">Change scrollDelay!</button>
</body>