テスト 演奏時間  s2-21s.html    スクロール       OFF ON
RESET 00:00:00 NEW s2-21s-new.html    スクロール位置指定 「  」 入力  
Win 7 I E 11 時間調整 0  スクロール高さ    OFF(行高さ:15) ON(行高さ:21)
テーブル内の指定行にスクロール
The Best Classical Music in The World
----------------------------------------------------------------------
1 00:00:00  
2 00:00:02  
3 00:00:04  
4 00:00:06  
5 00:00:08  
6 00:00:10  
7 00:00:12  
8 00:00:14  
9 00:00:16  
10 00:00:18  
11 00:00:20  
12 00:00:22  
13 00:00:24  
14 00:00:26  
15 00:00:28  
 
HTML と script の最終更新はソースを参照

tbl1= document.getElementById("table1");

for (var i = 1 ; i<=15 ; i++) {     // 15 は最終行の番号
 var j = number[i] ;          // j は設定時間

 if (T2 > j) {              // T2 は 経過時間
  if (document.getElementById("3_"+ i).innerText != "■") {
  document.getElementById("3_"+ i).innerText ="■";

  if (i>=5 && i<=10) {
   var target = document.getElementById("3_" + String(i - 4));
   scrollArea = document.getElementById("box");
   scrollArea.scrollTop = target.offsetTop
  }

  table1.rows[i - 1].cells[3].innerHTML = i
  if(i<=5 || i>=11) {
   table1.rows[i - 1].cells[3].style.color = "red";
  }

  if (T2 > "00:00:28") {
   stopShowing()
  }
  }
 }   // if(T2>j) {
}    // for i = 1
 Windows 7 SP1 Internet Explorer 11

行 1 〜 5   スクロールなし ----- ○

行 6 〜 10  スクロールあり ----- ○

行 11 〜 15 スクロールなし ----- △(点滅) 試行中

Homepage Builder 18 のプレビュー (Internet Explorer 10)では ○
Microsoft Expression Web 4 のプレビュー(Internet Explorer 11)では ×

参照

経過時間(秒数)をリアルタイムに表示する
http://www.nishishi.com/javascript/2010/setinterval-passage.html

時計 T2 を取得
http://kouetu.sakura.ne.jp/annex/p58/p58.htm


改定

行 6 〜 10  スクロールあり ----- ○ としていたのは、時間設定を 1秒間隔にしていたためで、
         2秒以上にした場合は △(点滅あり)だった。1秒毎に描画しているため。
        ただし、Internet Explorer 10 では 元のままでも ○ なのは?。

 if (T2 > j) {              // T2 は 経過時間
  if (document.getElementById("3_"+ i).innerText != "■") { を追加で ○ になった。
   document.getElementById("3_"+ i).innerText ="■";