JavaScript タイトルバーに時計や文字を表示

<<Linjuxシステム設定 トップページに戻る

タイトルバーとは、ブラウザ上部のバーで通常はホームページのタイトルが表示されます。このタイトルバーに時計やメッセージなどを表示する方法をここでは解説します。



  • タイトルバーにリアルタイム時計を表示する

    以下を head内に記述してください。

    <SCRIPT type="text/javascript">
    <!--
    function nowTime(){
    today = new Date()
    var t = (today.getHours() >= 10) ?
    today.getHours() : "0" + today.getHours()
    var m = (today.getMinutes() >= 10) ?
    today.getMinutes() : "0" + today.getMinutes()
    var s = (today.getSeconds() >= 10) ?
    today.getSeconds() : "0" + today.getSeconds()
    document.title = msg = t + ":" + m + ":" + s
    timerID = setTimeout("nowTime()" , 1000);
    }
    window.onload = nowTime();
    //-->
    </SCRIPT>
  • タイトルバーに文字を流す

    以下を head内に記述してください。

    <SCRIPT type="text/javascript">
    <!--
    msg="ここの文字がタイトルバーに流れます　"
    msg+=msg

    IE4=(navigator.appName==
    "Microsoft Internet Explorer"&&
    navigator.appVersion.charAt(0)>=4)

    function titlemsg(){
    msg=msg.substring(2,msg.length)+msg.substring(0,2)
    document.title=msg
    }

    if(IE4)setInterval("titlemsg()",300)
    //-->
    </SCRIPT>