Menu
Community /Pin to ProfileBookmark
@cootheadMar 18.2019 — #Hi there k8OMS,
and a warm welcome to these forums.
Does this help...
_coothead_@cootheadMar 18.2019 — #Hi there k8OMS,
@root , our resident _JavaScript Guru_, suggests that it would be better coded like this...
@cootheadMar 19.2019 — #Hi there root,
using this...
Unfortunately, as javascript is not my forte, I have misunderstood your post
and require further guidance.
_coothead_
Help coding text display
I found this code for randomly displaying text, but I want it to display the text strings in rotation instead of randomly.
Anyone help on coding this?
<html>
<head>
<title>Random Text</title>
<script type=”text/javascript”>
var textarray = [
“Notable Commanders, 3rd Armored Division”,
“Major General Alvin C. Gillem Jr., April 1941 to January 1942”,
“Major General Walton H. Walker, January 1941 to August 1942”,
“Major General Leroy R. Watson, August 1942 to August 1944”,
“Major General Maurice Rose, August 1944 to March 1945 KIA”,
“Brigadier General Doyle O. Hickey, March to June 1945”,
“Brigadier General Truman E. Boudinot, June & July 1945”,
“Brigadier General Frank A. Allen, Jr., July 1945”,
“Major General Robert W. Grow, July 1945 until inactivation”
// No comma after last entry
];
function RndText() {
var rannum= Math.floor(Math.random()*textarray.length);
document.getElementById(‘ShowText’).innerHTML=textarray[rannum];
}
onload = function() { RndText(); }
// Remove slashes from the next line if you want automatic rotation
var inter = setInterval(function() { RndText(); }, 2000);
</script>
</head>
<body>
<div style=”color:blue;” id=”ShowText”></div>
</body>
</html>
Sign in
to post a comment8 Comments(s) ↴
0
@cootheadMar 18.2019 — #Hi there k8OMS,and a warm welcome to these forums.
Does this help...
``<i>
</i><!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<title>untitled document</title>
<!--<link rel="stylesheet" href="screen.css" media="screen">-->
<style media="screen">
body {
background-color: #f9f9f9;
font: 100% / 162% BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif;
}
#showText {
color: #00f;
}
</style>
</head>
<body>
<div id="showText">
Notable Commanders, 3rd Armored Division
</div>
<script>
( function() {
'use strict';
var delay = 3000,
c = 0,
textArray = [
'Notable Commanders, 3rd Armored Division',
'Major General Alvin C. Gillem Jr., April 1941 to January 1942',
'Major General Walton H. Walker, January 1941 to August 1942',
'Major General Leroy R. Watson, August 1942 to August 1944',
'Major General Maurice Rose, August 1944 to March 1945 KIA',
'Brigadier General Doyle O. Hickey, March to June 1945',
'Brigadier General Truman E. Boudinot, June & July 1945',
'Brigadier General Frank A. Allen, Jr., July 1945',
'Major General Robert W. Grow, July 1945 until inactivation'
// No comma after last entry
];
setInterval(
function() {
c ++;
if ( c === textArray.length ) {
c = 0;
}
document.getElementById( 'showText' ).textContent = textArray[ c ];
}, delay );
}());
</script>
</body>
</html><i>
</i>``_coothead_
0
@cootheadMar 18.2019 — #Hi there k8OMS,``<i>
</i><!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<title>untitled document</title>
<!--<link rel="stylesheet" href="screen.css" media="screen">-->
<style media="screen">
body {
background-color: #f9f9f9;
font: 100% / 162% BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif;
}
#showText {
color: #00f;
}
</style>
</head>
<body>
<div id="showText">
Notable Commanders, 3rd Armored Division
</div>
<script>
( function() {
'use strict';
var delay = 3000,
c = 0, r,
textArray = [
'Notable Commanders, 3rd Armored Division',
'Major General Alvin C. Gillem Jr., April 1941 to January 1942',
'Major General Walton H. Walker, January 1941 to August 1942',
'Major General Leroy R. Watson, August 1942 to August 1944',
'Major General Maurice Rose, August 1944 to March 1945 KIA',
'Brigadier General Doyle O. Hickey, March to June 1945',
'Brigadier General Truman E. Boudinot, June & July 1945',
'Brigadier General Frank A. Allen, Jr., July 1945',
'Major General Robert W. Grow, July 1945 until inactivation'
// No comma after last entry
];
setInterval(
function() {
Array.prototype.loop = function(){
r = this.shift(); // get the first entry.
this.push( r ); // push it on the end of the array
return r; // return the item removed from the front
}
document.getElementById( 'showText' ).textContent = textArray[( c++ % textArray.length )];
}, delay );
}());
</script>
</body>
</html><i>
</i>``0
@cootheadMar 19.2019 — #Hi there root,using this...
``<i>
</i><script>
( function() {
'use strict';
var delay = 3000,
textArray = [
'Notable Commanders, 3rd Armored Division',
'Major General Alvin C. Gillem Jr., April 1941 to January 1942',
'Major General Walton H. Walker, January 1941 to August 1942',
'Major General Leroy R. Watson, August 1942 to August 1944',
'Major General Maurice Rose, August 1944 to March 1945 KIA',
'Brigadier General Doyle O. Hickey, March to June 1945',
'Brigadier General Truman E. Boudinot, June & July 1945',
'Brigadier General Frank A. Allen, Jr., July 1945',
'Major General Robert W. Grow, July 1945 until inactivation'
// No comma after last entry
];
setInterval(
function() {
document.getElementById( 'showText' ).textContent = textArray.loop();
}, delay );
}());
</script> <i>
</i>`</CODE>
...gives this information...
<CODE>`<i>
</i>TypeError: textArray.loop is not a function<i>
</i>``Unfortunately, as javascript is not my forte, I have misunderstood your post
and require further guidance.
_coothead_