【JavaScript】動的なChromeタブのタイトルを作成するには？

Question

タイマータブというサイトがあります。
http://www.timer-tab.com/

タイマーの数字がタブに表示されます。

これをやろうとしているのですが、
下記のコードではダメです。

こういうHTMLがあるとして

<div id="StopWatchText">0.00.00</div>

Javascriptでdocument.titleの値を取ります・・・

document.title = document.getElementById('StopWatchText').innerHTML

ヒントを頂けないでしょうか・・・？

Comments

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。

Answer 1

簡単な例ですと以下のようなやり方があります。

var i=0;
function countup(){
  i++;
  document.title = i;
  setTimeout("countup()", 1000);
}

Comments

[退会済みユーザー]

ありがとうございます！

Answer 2

http://www.timer-tab.com/ サイトをchrome で開いて developer ツールで調べてみました。
all.min.js 中で document.title の値を設定しています。
その処理は setinteval で繰り返し呼ばれています。

ブラウザの開発用ツールを使うことで、jabascript のソースを参照して、ステップ実行や変数に値を調べることが可能です。
all.min.js を解析することで、このサイトの画面の動作の仕組みを調べてみては如何でしょう？

Comments

[退会済みユーザー]

ありがとうございます！
MIN.jsだと本当に読みにくくて敬遠していたのですが、
カモメかっこボタンで、見やすくなりました！

Answer 3

コードは、「 </> 」って書いてあるボタンで出来た要素の中に書いてくださいね。

document.title = document.getElementById('StopWatchText').innerText
```ですね。

Comments

[退会済みユーザー]

早速の回答ありがとうございます。
すいません。
コードはどこに書きますか？
わたしは<script></script>の中に書いていました・・・

[shi_ue]

それだと一回だけですがいいですか？
もしずっと実行し続けたいと思うなら、setIntervalでやるしかないと思います。
ヒントですので、頑張ってみてください。

[退会済みユーザー]

ヒントありがとうございます！できました！