秒で背景色を変更する | なんとか研究室

なんかね，document.writeはあんまし使わんほうがいいかもです．

<!DOCTYPE html>
<html>
<head>
<title>Byou</title>
<meta charset="UTF-8">
</head>
<body>
<h1>Byou</h1>


<script type="text/javascript">
setInterval(myByou, 100);//myByouってfucitonを100ミリ秒おきに実行してね
//----

function myByou() {
myDate = new Date();//日付をとってきてmyDateにいれる．このfunctionの外に書くと1回しか日付をとってこないので，秒が更新されない
mySeconds = myDate.getSeconds();//myDateの中から秒だけとりだす.getSeconds()がその機能

//------ifをつかった条件分岐はここから------
if(mySeconds > 44 && mySeconds < 60){//もしもmySecondsが44より大きく，かつ（&&）60より小さければ，
document.bgColor = "#ff0000";//背景色を赤にせよ
}
else{//それ以外の時は
document.bgColor = "#ffffff";//背景色を白にせよ
}
//----ifはここまで-------

//---ここは文字表示のシステム
document.getElementById("myByou_hyouji").innerHTML = mySeconds;//myByou_hyoujiというIDを検索してmySecondsを代入しなさい
//-----文字表示ここまで------

}//myByouのfunctionはここまで
</script>

<div id="myByou_hyouji"></div>
</body>
</html>