ソース コード

<html>
<head>
<script language="JavaScript">
    timerID = 10;
    tm = 10000;
    count = tm / 1000 - 1;

    function NNCheck(version) {
        if((navigator.appName.indexOf('Netscape') >= 0)
        && (version <= parseInt(navigator.appVersion.substring(0, 3)))) {
            return true;
        } else {
            return false;
        }
    }

    function Func() {
        ret = setTimeout("location.href = location.href", tm);
        return ret;
    }

    function TimerX() {
        status = count--;
    }
</script>
</head>

<body onload="ret=Func();timerID=setInterval('TimerX()',1000)">
<script language="JavaScript">
    col1 = new Array("#000000", "#000080", "#00008b", "#0000cd", "#0000ff",
                     "#006400", "#008000", "#008080", "#008b8b", "#00bfff",
                     "#00ced1", "#00fa9a", "#00ff00", "#00ff7f", "#00ffff",
                     "#00ffff", "#191970", "#1e90ff", "#20b2aa", "#228b22",
                     "#2e8b57", "#2f4f4f", "#32cd32", "#3cb371", "#40e0d0",
                     "#4169e1", "#4682b4", "#483d8b", "#48d1cc", "#4b0082",
                     "#556b2f", "#5f9ea0", "#6495ed", "#66cdaa", "#696969",
                     "#6a5acd", "#6b8e23", "#708090", "#778899", "#7b68ee",
                     "#7cfc00", "#7fff00", "#7fffd4", "#800000", "#800080",
                     "#808000", "#808080", "#87ceeb", "#87cefa", "#8a2be2",
                     "#8b0000", "#8b008b", "#8b4513", "#8fbc8f", "#90ee90",
                     "#9370db", "#9400d3", "#98fb98", "#9932cc", "#9acd32",
                     "#a0522d", "#a52a2a", "#a9a9a9", "#add8e6", "#adff2f",
                     "#afeeee", "#b0c4de", "#b0e0e6", "#b22222", "#b8860b",
                     "#ba55d3", "#bc8f8f", "#bdb76b", "#c0c0c0", "#c71585",
                     "#cd5c5c", "#cd853f", "#d2691e", "#d2b48c", "#d3d3d3",
                     "#d8bfd8", "#da70d6", "#daa520", "#db7093", "#dc143c",
                     "#dcdcdc", "#dda0dd", "#deb887", "#e0ffff", "#e6e6fa",
                     "#e9967a", "#ee82ee", "#eee8aa", "#f08080", "#f0e68c",
                     "#f0f8ff", "#f0fff0", "#f0ffff", "#f4a460", "#f5deb3",
                     "#f5f5dc", "#f5f5f5", "#f5fffa", "#f8f8ff", "#fa8072",
                     "#faebd7", "#faf0e6", "#fafad2", "#fdf5e6", "#ff0000",
                     "#ff00ff", "#ff00ff", "#ff1493", "#ff4500", "#ff6347",
                     "#ff69b4", "#ff7f50", "#ff8c00", "#ffa07a", "#ffa500",
                     "#ffb6c1", "#ffc0cb", "#ffd700", "#ffdab9", "#ffdead",
                     "#ffe4b5", "#ffe4c4", "#ffe4e1", "#ffebcd", "#ffefd5",
                     "#fff0f5", "#fff5ee", "#fff8dc", "#fffacd", "#fffaf0",
                     "#fffafa", "#ffff00", "#ffffe0", "#fffff0", "#ffffff");
    col2 = new Array("black", "navy", "darkblue", "mediumblue", "blue",
                     "darkgreen", "green", "teal", "darkcyan", "deepskyblue",
                     "darkturquoise", "mediumspringgreen", "lime", "springgreen", "aqua",
                     "cyan", "midnightblue", "dodgerblue", "lightseagreen", "forestgreen",
                     "seagreen", "darkslategray", "limegreen", "mediumseagreen", "turquoise",
                     "royalblue", "steelblue", "darkslateblue", "mediumturquoise", "indigo",
                     "darkolivegreen", "cadetblue", "cornflowerblue", "mediumaquamarine", "dimgray",
                     "slateblue", "olivedrab", "slategray", "lightslategray", "mediumslateblue",
                     "lawngreen", "chartreuse", "aquamarine", "maroon", "purple",
                     "olive", "gray", "skyblue", "lightskyblue", "blueviolet",
                     "darkred", "darkmagenta", "saddlebrown", "darkseagreen", "lightgreen",
                     "mediumpurple", "darkviolet", "palegreen", "darkorchid", "yellowgreen",
                     "sienna", "brown", "darkgray", "lightblue", "greenyellow",
                     "paleturquoise", "lightsteelblue", "powderblue", "firebrick", "darkgoldenrod",
                     "mediumorchid", "rosybrown", "darkkhaki", "silver", "mediumvioletred",
                     "indianred", "peru", "chocolate", "tan", "lightgrey",
                     "thistle", "orchid", "goldenrod", "palevioletred", "crimson",
                     "gainsboro", "plum", "burlywood", "lightcyan", "lavender",
                     "darksalmon", "violet", "palegoldenrod", "lightcoral", "khaki",
                     "aliceblue", "honeydew", "azure", "sandybrown", "wheat",
                     "beige", "whitesmoke", "mintcream", "ghostwhite", "salmon",
                     "antiquewhite", "linen", "lightgoldenrodyellow", "oldlace", "red",
                     "fuchsia", "magenta", "deeppink", "orangered", "tomato",
                     "hotpink", "coral", "darkorange", "lightsalmon", "orange",
                     "lightpink", "pink", "gold", "peachpuff", "navajowhite",
                     "moccasin", "bisque", "mistyrose", "blanchedalmond", "papayawhip",
                     "lavenderblush", "seashell", "cornsilk", "lemonchiffon", "floralwhite",
                     "snow", "yellow", "lightyellow", "ivory", "white");
    if(NNCheck(1)) {
        btn = '再読み込み';
    } else {
        btn = '更新';
    }
    doc  = '<p>' + tm / 1000 + ' 秒毎に更新されます。<\/p>';
    doc += '<p>ブラウザの「' + btn + '」ボタンを押しても更新されます。<\/p>';
    num  = Math.floor(Math.random() * col1.length) % col1.length;
    col  = col2[num] + ' (' + col1[num].toUpperCase() + ')';
    doc += '<table bgcolor="#ffffff" cellspacing="10"><tr align="center" valign="center"><td>';
    doc += '文 字 色'.fontcolor(col1[num]).fontsize('+5').bold();
    doc += '<\/td><\/tr><\/table>';
    doc += '<p>現在の色は ' + col + ' です。<\/p>';
    doc += '<p>' + col1.length + '色中、' + (num + 1) + '番目の色です。<\/p>';
    doc += '<form name="myForm">';
    doc += '<input type="button" name="myButton" value="停止" ';
    doc += 'onclick="clearTimeout(ret);clearInterval(timerID);document.myForm.myButton.value=\'!?\'">';
    doc += '<\/form>';
    doc += '<p>↑このボタンを押すと更新されなくなります。<\/p>';
    doc += '<p>ブラウザの「' + btn + '」ボタンを押すと再度更新されるようになります。<\/p>';
    document.write(doc);
</script>
</body>
</html>