Chromeのタブに時刻表示するブックマークレット

０．初めに

• 時刻をタブに表示するJavaScriptの記事を見つけた

  ブラウザのタブに時計を表示 - Qiita

• 今読んでいるツイッターとかネット記事のタブに時刻を表示したかった

  ⇒こんな感じにしたかった
  

• ブックマークレットなら簡単そうだったので作った

  ブックマークレット／Bookmarkletの作り方 - catch.jp-wiki

１．作ったもの、使ったもの

• 元々のJavaScript

const element = document.getElementsByTagName("title")[0];
setInterval(function() {
  var datex=new Date();
  element.innerHTML = ("0"+datex.getHours()).slice(-2)+":"+("0"+datex.getMinutes()).slice(-2)+":"+("0"+datex.getSeconds()).slice(-2);
}, 250);

• ブックマークレットに変換するためのWEBサービス

  Bookmarklet スクリプト変換

• 変換後のJavaScript

javascript:const%20element%3Ddocument.getElementsByTagName(%22title%22)%5B0%5D%3BsetInterval(function()%7Bvar%20datex%3Dnew%20Date()%3Belement.innerHTML%3D(%220%22%2Bdatex.getHours()).slice(-2)%2B%22%3A%22%2B(%220%22%2Bdatex.getMinutes()).slice(-2)%2B%22%3A%22%2B(%220%22%2Bdatex.getSeconds()).slice(-2)%3B%7D%2C250)%3Bvoid(0);

２．終わりに

1. ブックマークレットは簡単で初心者でも作れる
2. ブラウザで同期されるので、他のPCでもすぐ使える
3. 中身がわかるので、セキュリティの心配もない

とても便利だと思います。

おしまい