ライフゲームみたい

Javascript 雷

な、雷雲の活動を見る

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
  <title>rain</title>
  <script language="JavaScript">
//    var urlbase = "http://thunder.tepco.co.jp/wdata/1/21_";
//    var urlbase = "http://thunder.tepco.co.jp/wdata/1/89_";
    var urlbase = "http://thunder.tepco.co.jp/wdata/2/42_";
    
    var date = new Date(2008, 7, 5, 0, 0, 0);
    var timer = null;
    
    function start() {
      timer = setInterval(nextpic, 300);
    }

    function nextpic() {
      now = new Date();
      date.setTime(date.getTime() + (360 * 1000));
      if (now.getTime() < date.getTime()) {
        clearInterval(timer);
        document.getElementById("msg").innerHTML = now.toString() + ":END";
      } else {
        document.getElementById("msg").innerHTML = date.toString();
        document.map.src = urlbase + makeDateStr(date) + ".gif";
      }
    }
    
    function makeDateStr(d) {
      dd = d.getDate();
      HH = d.getHours();
      MM = d.getMinutes();
      if (dd < 10) { dd = "0" + dd; }
      if (HH < 10) { HH = "0" + HH; }
      if (MM < 10) { MM = "0" + MM; }
      
      return dd + HH + MM
    }
  </script>
</head>
<body>
  <button onclick="start();">Start</button>
  <div id="msg">----</div>
  <img name="map" />
</body>
<html>