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

  Linux ファースト サーバー構築マニュアル トップ

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



【 1、タイトルバーにリアルタイム時計を表示する 】
以下を HTMLの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>


【 2、タイトルバーに文字を流す 】
以下を HTMLの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>


   

 → Linux サーバ構築マニュアル トップへ戻る



Copyright (c) 2007 linux.bakufu.org All Rights Reserved.