Forum Moderators: open
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title></title>
<style type="text/css">
#single-letters {
text-align:center;
}
</style>
<script type="text/javascript">
(function() {
'use strict';
var ary=['a','b','c','d','e','f','g','h','i','j','k','l','m',
'n','o','p','q','r','s','t','u','v','w','x','y','z'];
var c=0;
var timer;
var delay=1000;
function init(){
document.getElementById('single-letters').innerHTML+=ary[c];
c++;
if(c==ary.length) {
clearTimeout(timer);
return;
}
timer=setTimeout(function(){init()},delay);
}
window.addEventListener?
window.addEventListener('load',init,false):
window.attachEvent('onload',init);
})();
</script>
</head>
<body>
<div id="single-letters"></div>
</body>
</html>
Whatever.
as I was carefully composing my previous post
we ought to include using 5 successive pages with a one second meta refresh to each "next one" in the sequence in the headers..content of each page to vary or increment as required
this could be handled very easily with CSS using animations and the nth-of-type selector.
