はてなスターでてぃてぃてぃんてぃりんてぃん

みなさーん!HTML5ってますかー!?
僕もそろそろHTML5ってみようかと思い、HTML5で何か作ろうかと思ったのは何ヶ月前の事だったかw
その時に思いついたアイデアがあったのですが、まぁ眠たかったりお腹空いたりお腹いっぱいだったりして放ったらかしておりました。が、昨日から頑張って飯食ってちょっと作って昼寝してちょっと作ってゲームしてちょっと作ってみたりしました。

 

説明するより先に試してもらった方が嬉しいのでこのユーザースクリプトをインストールしてから
ユーザースクリプトをインストールする

// ==UserScript==
// @name           HatenaMarioStar
// @namespace      HatenaMarioStar
// @description    HatenaMarioStar
// @include        http://*
// @include        https://*
// ==/UserScript==

var $stopper = 0;
var $playFlag = 1;
(function(){
  var $obj = document.getElementsByClassName('hatena-star-star-container');
    if ($obj.length) {
    var $stop = $obj.length;
    for (var i=0; i<$stop; i++) {
      $obj[i].addEventListener
        ? $obj[i].addEventListener("click", LetsPlay, false)
        : $obj[i].attachEvent("onclick", LetsPlay);
    }
  } else {
    if (++$stopper < 10) {
      setTimeout(arguments.callee, 1000);
    } else {
      return;
    }
  }
})();

var LetsPlay = function(){
  if ($playFlag) {
    try {
      var $audio = new Audio(""); 
      var $audioSupport = !!($audio.canPlayType);
      $audioSupport = !!(!$audioSupport ? $audio.play : false);
      if ($audio.canPlayType) {
        $audio.src = (("no" != $audio.canPlayType("audio/ogg")) && ("" != $audio.canPlayType("audio/ogg")))
          ? "http://queltide.com/audio/star.ogg"
          : "http://queltide.com/audio/star.wav";
        $audio.play();
        $playFlag = 0;
        setTimeout(function(){$audio.pause();$playFlag=1}, 15000);
      }
    } catch (e) {
      $audioSupport = false;
      return;
    }
  }
};


ページをリロードしてから!!!F5!F5!
※ 音が出ます!ご注意ください!

はてなスターをクリック!!!→

 

あはは、もースクリプトのタイトルとかでばれちゃったかと思いますが、まぁそゆことです。スターを送ればあなたも無敵!!ふー!!!てぃてぃてぃんてぃりんてぃん!!
# なんかhttpとかに勝手にリンク張ろうとされてソースの表示おかしくなってますがどすればいいの?

コメントを残す

メールアドレスが公開されることはありません。