テスト | 演奏時間 | 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 ="■"; |