time marker

  • /*
     * @title time marker
     * @description mark current time on the page.
     * @include http://*
     * @license MIT License
     */
    
    if(!document.getElementById('timemarker')){
     var body = document.getElementsByTagName('body').item(0); 
    
     var div = document.createElement('div');
     div.id = 'timemarker';
     div.style.width = '100%';
     div.style.height = '100%';
     div.style.background = '#000';
     div.style.MozOpacity = '.50';
     div.style.position = 'fixed';
     div.style.top = '0';
     div.style.left = '0';
     div.style.zIndex = '100';
    
     var p = document.createElement('p');
     p.style.lineHeight = window.innerHeight+'px';
     p.style.fontSize = '64px';
     p.style.textAlign = 'center';
     p.style.color = '#fff';
     p.innerHTML = new Date().toLocaleTimeString();
    
     body.appendChild(div).appendChild(p);
     div.setAttribute('onclick','body.removeChild(div)');
    }
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2011/04/05 08:39:42 - 2011-04-05
  2. 2011/04/05 08:35:46 - 2011-04-05
  3. 2011/04/05 08:26:35 - 2011-04-05