jQueryとjQuery Cookieを使い訪問回数をカウントアップしていく方法。
実装例（サンプル）
1回目の訪問。
実装例（サンプル）の動作について
このページに訪れるたびに、訪問回数をカウントアップしていく。
実装例（サンプル）のソースコード
読み込み
<script type="text/javascript" src="jquery.js"></script>
<script src="jquery.cookie.js"></script>
<script src="jquery.cookie.js"></script>
jQueryとjQuery 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>
<!--
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>
<p><span id="sampleCount">1</span>回目の訪問。</p>
</div>