テーブル内指定行スクロール

演奏時間

　s2-21s-new.html

00:00:00

　スクロール位置

行　10行（11以下）　20行（21以下）

時間調整

テーブル内の指定行にスクロール
The Best Classical Music in The World
----------------------------------------------------------------------

1	00:00:00	□
2	00:00:01	□
3	00:00:02	□
4	00:00:03	□
5	00:00:04	□
6	00:00:05	□
7	00:00:06	□
8	00:00:07	□
9	00:00:08	□
10	00:00:09	□
11	00:00:10	□
12	00:00:11	□
13	00:00:12	□
14	00:00:13	□
15	00:00:14	□
16	00:00:15	□
17	00:00:16	□
18	00:00:17	□
19	00:00:18	□
20	00:00:19	□
21	00:00:20	□
22	00:00:21	□
23	00:00:22	□
24	00:00:23	□
25	00:00:24	□

HTML と script はソースを参照

// マーク表示
tbl1= document.getElementById("table1");

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

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

　　　if (asc != "none") {

　　　　if (i >= gyo) {
　　　　　var target = document.getElementById("3_" + String(i - gyo + 1));
　　　　　scrollArea = document.getElementById("box");
　　　　　scrollArea.scrollTop = target.offsetTop
　　　　}
　　　}

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

　　　if (T2 > "00:00:24") {
　　　　stopShowing()
　　　}
　　}
　} 　　　// if(t2>j)
} 　　　　// for i=1

　Windows 7 SP1　Internet Explorer 11

参照

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

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