jQueryで 『ページを開いたら10秒のカウントダウンが始まって0になると強制的にウィンドウを閉じるプラグイン 』をつくりました!

デモボタン

ソースダウンロード

ページを開いて10秒数えると勝手に画面を閉じちゃいます。

使い方はとっても簡単。 jQueryとjDTTenCountを読み込んで、


    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jdttencount.js"></script>

実行します!


    <script type="text/javascript">
    jQuery(function($)
    {
        $("#tencount").jdtTenCount();
    });
    </script>

こんな記述で簡単にプラグインをつかうことができちゃうんです。

さぁ、あなたのサイトにあだるてぃーで えっちぃなコンテンツを用意してカウントダウン! 自動的に閉じたページの先には会員入会ボタンをさっと表示。

クライアントは続き見たさにあなたが思い描く動線をたどってくれること間違い無しです!!

そう、このプラグインならね!


・・・

・・・・・・さて、ブログにもブログの雰囲気というのがありまして、こういうノリで書いてついてきてくれる人がいるかどうか心配だったりします・・・ここまで見てくれてありがとう。

経緯

前の記事で書いたドットコーダーのメンバーが中心となってつくっている(?)誰得プラグインというものがあったりします。

以前参加したドットコーダーセッション2の発表

  • 『誰得プラグインのあれやこれや (@hiloki)』

を聞いて「プラグインを作ってみるといいよ・・・」と受け取った私はリストの中の一つ を作ってみることにしました。

普段jQueryを使っていないので、もっとスマートに出来るかもしれません。 これから精進したいと思います。

実装

実は『ページを開いてから10秒で画面が閉じる』という部分の実装は30分ほどで出来あがりました。 しかし、アニメーションやらネタやらネタやらで実際丸一日ぐらいかかってしまったような気もします。

今のところフツーに10秒カウントダウンしていますが、平仮名で『じゅうー!』『きゅー!』としてもいいかなと思っています。

このあたりはオプションとかでの実装を勉強して追加したいですね。