jQuery と jQuery Cookie を使い訪問回数をカウント

jQueryjQuery Cookieを使い訪問回数をカウントアップしていく方法。

実装例(サンプル)

1回目の訪問。

実装例(サンプル)の動作について

このページに訪れるたびに、訪問回数をカウントアップしていく。

実装例(サンプル)のソースコード

読み込み

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

jQueryjQuery Cookieを読み込む。

JavaScript

<script>
<!--
jQuery( function() {
    var $sampleCount = jQuery.cookie( 'sampleCount' );
    if( $sampleCount != undefined ){
        $sampleCount++;
    }else{
        $sampleCount = 1;
    }
    jQuery( '#sampleCount' ) . html( $sampleCount );
    jQuery.cookie( 'sampleCount', $sampleCount, { expires: 1 } );
} );
// -->
</script>

HTML

<div style="margin: 1em;">
    <p><span id="sampleCount">1</span>回目の訪問。</p>
</div>

スポンサード リンク

カテゴリー: JavaScript, jQuery, jQuery Cookie, クッキー, プラグイン, 逆引き パーマリンク