shuilog

我们大家都知道那个著名的日本美女时钟网站，很不错的创意，可惜那些时钟MM却称不上美女。不管是不是美女，你是否知道这个美女时钟是怎么制作的？如果你也想制作美女时钟，那么就请继续看这篇PHP+MySql+javascript+Ajax美女时钟制作教程吧。

圣诞节那次“迎圣诞·送抱枕·送杯具”活动有一个获奖者叫Saturn，所以，前两天我便拿出电脑里存在已久的台湾中原大学孙仲岳（Saturn）老师讲的PHP视频教程看了一下，看完他讲的PHP制作计数器的教程后，突然想到我可不可以也用PHP制作一个美女时钟，于是就有这篇教程。

制作美女时钟过程中用到的技术有PHP、Mysql、Javascript和Ajax等

美女时钟示例网站

鉴于Yo2无法操作数据库，我把美女时钟安装到了我的博客备份网站（http://www.shuilog.com）。

大家点击“点我看美女”按钮后就会出现美女时钟，美女就是小爱啦。哇咔咔。美女时钟会每过一分钟切换一张小爱MM的照片。不过，小爱MM手里没有拿着当前时刻的图片。而且，目前我也找不出全部1440张美女照片，只好拿小爱MM的10张照片充数啦。等小爱哪天照完1440张带时刻的照片我再换上吧。

正常情况下，美女时钟会在整分钟时刻刷新图片，不过，由于我的博客空间速度限制，大约要花10-20秒加载图片，等浏览器有了缓存后，图片加载时间可以减少到1秒。

另外，由于我上传ip数据库几次都没有成功，所以，不得不自己做了一个简单的”国家代码-时区”的数据库，数据库里添加的国家也不全，只有美国、英国、法国、日本、韩国、澳大利亚和中国等几个我能想得起来的国家，所以，如果你来自阿富汗、非洲等国家，那么美女时钟只能按照国际标准格林威治时间刷新图片了。

国家代码是通过IP在线抓取的，所以，有时候会遇到抓取网站不响应的错误信息。

今天是我的生日，就当美女时钟是小爱送我的生日礼物吧。大家不要忘记祝我生日快乐，我也预祝大家元旦快乐哇。

另外，特别感谢 sunajia 和 leeiio 两位大牛的技术指导。

PHP版美女时钟制作导图

PHP版美女时钟的具体制作教程日后我再发表，今天先发表美女时钟制作导图。

更新：PHP版美女时钟的具体制作教程

• PHP+MySql获取访客IP、时区和时间
• Ajax实现自动定时刷新局部网页

PHP版美女时钟程序代码

好吧，再先发一下美女时钟的PHP程序代码。

//**********ip.php

<?php
$iipp=$_SERVER["REMOTE_ADDR"];
?>
<?php
include “snoopy.php”;
$snoopy = new Snoopy;
$snoopy->fetchtext(“http://blogama.org/ip_query.php?ip=$iipp&output=xml”);
$results=$snoopy->results;
$results1=substr(“$results“,strpos($results,“OK”)+3,2);
?>
<?php
$mysql_server_name=“localhost”;
$mysql_username=“root”;
$mysql_password=“123456″;
$mysql_database=“***”;
$conn=mysql_connect($mysql_server_name, $mysql_username, $mysql_password);
$sql=“SELECT time FROM  `ip2time`WHERE country=’$results1‘”;
$result2=mysql_db_query($mysql_database, $sql, $conn);
$row=mysql_fetch_row($result2);
date_default_timezone_set($row[0]);
$nowtime=date(“His”);
echo $nowtimehi=date(“H:i”);
?>

//*********pic.php

<?php
header(“expires:mon,26jul199705:00:00gmt”);
header(“cache-control:no-cache,must-revalidate”);
header(“pragma:no-cache”);
include “ip.php”;
$nows=substr(“$nowtime“,3,1);
echo $str=“<p><img src=\”img/$nows.jpg\” width=500px height=300px /></p>”;
?>

//**********time.php

<?php
include “ip.php”;
echo $lefttime=60-substr(“$nowtime“,4,2);
?>

//*******index.php部分jscript代码
<script type=“text/javascript” src=“http://www.google.com/jsapi”></script>
<script type=“text/javascript”>
<!–
google.load(“jquery”, “1.2″);
function displaymessage(){
$.get(“time.php”, function(data){
var lefttime = data;
setTimeout(‘displaymessage()’,1000*lefttime);
});
$(‘#time_clock’).load(‘pic.php’);
}
//–>
</script>