Periodically Updating the Text Displayed by an HTML Element : Animation « GUI Components « JavaScript DHTML

Periodically Updating the Text Displayed by an HTML Element


Mastering JavaScript, Premium Edition
by James Jaworski 

Publisher Sybex CopyRight 2001
<title>Replacing Text</title>
<script language="JavaScript">
var msgIX = 0
var msgs = new Array(
 "Notice anything different?",
 "The text you are looking at has changed.",
 "This is a handy way of sending messages to your users."
function scrollMessages(milliseconds) {
 window.setInterval("displayMessage()", milliseconds)
function displayMessage() {
 if(document.getElementById != null) {
  var heading = document.getElementById("scrollme")
  heading.firstChild.nodeValue = msgs[msgIX]
  if(navigator.appName == "Microsoft Internet Explorer") {
   var heading = document.all.item("scrollme")
   heading.innerText = msgs[msgIX]
 msgIX %= msgs.length
<body onload="scrollMessages(2000)">
<h1 align="center" id="scrollme">Watch this text very carefully!</h1>


Related examples in the same category

1.Attack animation
2.Circle Animation
3.Right to left animation
4.Flash animation in Javascript
5.Flash animation in JavaScript: Changing style Properties
6.Animation along Straight Line
7.Animation along a Circle
8.Dancing Text (IE)
9.Type Writer effect (IE)
10.Type Writer Effect 1.1 (IE)
11.JavaScript Ticker 1.2 (IE)
12.Animation: Lottery Number Picker and Statistics
13.Animation: wriggly
14.Animation: welcome message
15.Animation: trio
16.Auto lotto dip
17.Animation: snow
18.Animation: star
19.Animation: mouse doodle
20.Animation: fireworks
21.Animation: pretty
22.Animation: Random Movement
23.Lotto number draw
24.Following eyes
25.Animation: three eyes
26.Animation: eyes
27.Spot light
28.Big static eyes
29.Animation based on DIV with color flash
30.Framework for creating CSS-based animations
31.Animate dynamic element h1 tag
32.Popup window animation (fly across screen)
33.Animation on several images
34.Using the onFilterChange Event Handler
35.JavaScript Animation
36.Moving an Airplane Across a Web Page
37.Link Hint Scroller 2.0 (IE)
38.Snow animation
39.Animation with JSTween