自分メモ(アクセスカウンターとホログラム)

  • URLをコピーしました!

Swellにはアクセスカウンターの機能がないので自作メモ

トータル、過去1週間、昨日、今日をカウントし表示

目次

アクセスカウンターの備忘

<?php
$keta = 5;
$base_day = date(“Y/m/d”);
$remoteAddr = $_SERVER[‘REMOTE_ADDR’];
$filepath = “count.dat”;

// ファイル読み込みとロック
$fp = fopen($filepath, “c+b”);
if (!$fp) {
die(“カウンタファイルが開けません。”);
}
flock($fp, LOCK_EX);
rewind($fp);
$line = fgets($fp);

// データの読み取り・初期化
$data = explode(“,”, $line);
if (count($data) < 12) {
$reg_day = $base_day;
$total = $today = $yesterday = $_2daysago = $_3daysago = $_4daysago = $_5daysago = $_6daysago = $_7daysago = $week = 0;
$reg_remoteAddr = “0.0.0.0”;
} else {
list($reg_day, $total, $today, $yesterday, $_2daysago, $_3daysago, $_4daysago, $_5daysago, $_6daysago, $_7daysago, $week, $reg_remoteAddr) = $data;
}

// 日付が変わった場合の処理
if ($base_day != $reg_day) {
$week = $yesterday + $_2daysago + $_3daysago + $_4daysago + $_5daysago + $_6daysago + $_7daysago;
$_7daysago = $_6daysago;
$_6daysago = $_5daysago;
$_5daysago = $_4daysago;
$_4daysago = $_3daysago;
$_3daysago = $_2daysago;
$_2daysago = $yesterday;
$yesterday = $today;
$today = 0;
}

// カウント処理
$total++;
$today++;

// ファイル書き込み
ftruncate($fp, 0);
rewind($fp);
fwrite($fp, “$base_day,$total,$today,$yesterday,$_2daysago,$_3daysago,$_4daysago,$_5daysago,$_6daysago,$_7daysago,$week,$remoteAddr”);
fclose($fp);

// 表示
echo “

“; echo “合計 “; printf(“%0{$keta}d”, $total); echo “
週間 “; printf(“%0{$keta}d”, $week); echo “”;

echo “

“; echo “今日{$today} “; echo “昨日{$yesterday}”; echo “”;
?>

ホログラムの備忘

4枚並べて動かす

<html>

 <link rel=”stylesheet” href=”css/動き方をかえる.css”>

<head>

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”/>

<meta charset=”UTF-8″/>

<style>

body, canvas {

    background-color: #000;

}

.Rotate90{

     -webkit-transform: rotate(90deg);

     -moz-transform: rotate(90deg);

     -o-transform: rotate(90deg);

     -ms-transform: rotate(90deg);

}

.Rotate180{

     -webkit-transform: rotate(180deg);

     -moz-transform: rotate(180deg);

     -o-transform: rotate(180deg);

     -ms-transform: rotate(180deg);

}

.Rotate270{

     -webkit-transform: rotate(270deg);

     -moz-transform: rotate(270deg);

     -o-transform: rotate(270deg);

     -ms-transform: rotate(270deg);

}

</style>

</head>

<body>

<img src=”置きたい画像.gif” style=”position:absolute; top:0px;   left:150px” />

<img src=”置きたい画像.gif” style=”position:absolute; top:150px; left:300px” class=”Rotate90″ />

<img src=”置きたい画像.gif” style=”position:absolute; top:300px; left:150px” class=”Rotate180″ />

<img src=”置きたい画像.gif” style=”position:absolute; top:150px; left:0px”   class=”Rotate270″ />

</body>

</html>

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次