继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

PHP 绘制时钟

波斯汪
关注TA
已关注
手记 502
粉丝 67
获赞 430

显示页面代码

<!DOCTYPE html >

<html>

<head>

<title>time</title>

</head>

<body>

<img id="time" src="index.php"/>

<script>

setInterval(function(){

        document.getElementById('time').src="index.php?"+Math.random();

                                   },1000);

</script>

</body>

</html>

画图页面代码

/*

 * 绘制时钟

 */

 

//获取系统时间

date_default_timezone_set('PRC');

$h = date('H');

$i = date('i');

$s = date('s');

//1.创建资源 画布的大小

 $img = imagecreatetruecolor(200, 250);

 $white = imagecolorallocate($img, 0xFF,  0xFF,  0xFF);

 $red = imagecolorallocate($img, 255, 0, 0);

 $blue = imagecolorallocate($img,0, 0, 0xFF);

 $pink = imagecolorallocate($img, 0xFF, 0, 0xFF);

 imagefill($img,0,0,$white);

 //画椭圆

 imageellipse($img, 100, 100, 190, 190, $blue);

 imagefilledellipse($img, 100, 100, 4, 4, $blue);

  

 imagestring($img, 4, 95, 8, '12', $pink);

 imagestring($img, 4, 175, 95, '03', $pink);

 imagestring($img, 4, 95, 175, '06', $pink);

 imagestring($img, 4, 11, 95, '09', $pink);

  

 //秒针

 $len = 80;

 $a = $len*sin(pi()/30*$s);//注意是秒针与竖线形成的夹角 每秒走过6度  sin()里面是按弧度作为参数 要将度换算成弧度

 $b = $len*cos(pi()/30*$s);

 $x = 100 + $a;//秒针线末端x轴的坐标

 $y = 100 - $b;//秒针线末端y轴的坐标

  

 //分钟

 $len1 =1;

 $a1 = $len*sin(pi()/1800*$s);

 $b1 = $len*cos(pi()/1800*$s);

 $x1 = 100 + $a1;//秒针线末端x轴的坐标

 $y1 = 100 - $b1;//秒针线末端y轴的坐标

  

 //秒针

 imageline($img, 100, 100, $x, $y, $red);

 //指针

 imageline($img, 100, 100, $x1, $y1,$blue);

  

  

 //数字的时间

imagestring($img, 5, 20, 230, "now:{$h}:{$i}:{$s}",$red);

 //4.保存 或输出给浏览器 写第二个参数就是保存

 header('Content-type:image/jpeg');

 imagepng($img);

  

 //5.释放资源

 imagedestroy($img);

结果为

wKiom1e9GVjjow8OAAAJgP4Z2pg015.png-wh_50

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP