php 完成时钟,PHP+javascript液晶时钟

最新推荐文章于 2021-03-28 18:24:06 发布
最新推荐文章于 2021-03-28 18:24:06 发布
阅读量94 收藏
点赞数
文章标签： php 完成时钟
本文介绍了一段使用PHP和JavaScript实现的液晶时钟代码，详细解析了如何通过JavaScript函数来动态更新时间并改变数字的颜色状态。代码包括设置液晶宽度、长度、间距和颜色等参数，并通过`swapcolor`函数改变数字的显示效果。同时，`show`函数负责定时更新时间。这是一个结合了PHP和前端技术的实时时间显示实例。
摘要由CSDN通过智能技术生成

PHP+javascript液晶时钟

更新时间：2006年10月09日 00:00:00   作者：

$size_small=5;//液晶宽度

$size_big=25;//液晶长度

$distance=10;//间距

$color_back="#DDDDDD";

$color_dark="#CCCCCC";

$color_light="#000000";

$number=0;

?>

Timer

// *****************************************************************

//                   Written By Caocao

//                   caocao@eastday.com

//                   http://caocao.oso.com.cn

// *****************************************************************

function swapcolor(obj,onoff)//改变颜色

{

if (onoff)

{

obj.style.background=" echo $color_light;?>";

}

else

{

obj.style.background=" echo $color_dark;?>";

}

}

function change(number,timer)//处理数字显示

{

switch (timer)

{

case 0:

swapcolor(eval("time"+number+"0"),1);

swapcolor(eval("time"+number+"1"),1);

swapcolor(eval("time"+number+"2"),1);

swapcolor(eval("time"+number+"3"),0);

swapcolor(eval("time"+number+"4"),1);

swapcolor(eval("time"+number+"5"),1);

swapcolor(eval("time"+number+"6"),1);

break;

case 1:

swapcolor(eval("time"+number+"0"),0);

swapcolor(eval("time"+number+"1"),0);

swapcolor(eval("time"+number+"2"),1);

swapcolor(eval("time"+number+"3"),0);

swapcolor(eval("time"+number+"4"),0);

swapcolor(eval("time"+number+"5"),1);

swapcolor(eval("time"+number+"6"),0);

break;

case 2:

swapcolor(eval("time"+number+"0"),1);

swapcolor(eval("time"+number+"1"),0);

swapcolor(eval("time"+number+"2"),1);

swapcolor(eval("time"+number+"3"),1);

swapcolor(eval("time"+number+"4"),1);

swapcolor(eval("time"+number+"5"),0);

swapcolor(eval("time"+number+"6"),1);

break;

case 3:

swapcolor(eval("time"+number+"0"),1);

swapcolor(eval("time"+number+"1"),0);

swapcolor(eval("time"+number+"2"),1);

swapcolor(eval("time"+number+"3"),1);

swapcolor(eval("time"+number+"4"),0);

swapcolor(eval("time"+number+"5"),1);

swapcolor(eval("time"+number+"6"),1);

break;

case 4:

swapcolor(eval("time"+number+"0"),0);

swapcolor(eval("time"+number+"1"),1);

swapcolor(eval("time"+number+"2"),1);

swapcolor(eval("time"+number+"3"),1);

swapcolor(eval("time"+number+"4"),0);

swapcolor(eval("time"+number+"5"),1);

swapcolor(eval("time"+number+"6"),0);

break;

case 5:

swapcolor(eval("time"+number+"0"),1);

swapcolor(eval("time"+number+"1"),1);

swapcolor(eval("time"+number+"2"),0);

swapcolor(eval("time"+number+"3"),1);

swapcolor(eval("time"+number+"4"),0);

swapcolor(eval("time"+number+"5"),1);

swapcolor(eval("time"+number+"6"),1);

break;

case 6:

swapcolor(eval("time"+number+"0"),1);

swapcolor(eval("time"+number+"1"),1);

swapcolor(eval("time"+number+"2"),0);

swapcolor(eval("time"+number+"3"),1);

swapcolor(eval("time"+number+"4"),1);

swapcolor(eval("time"+number+"5"),1);

swapcolor(eval("time"+number+"6"),1);

break;

case 7:

swapcolor(eval("time"+number+"0"),1);

swapcolor(eval("time"+number+"1"),0);

swapcolor(eval("time"+number+"2"),1);

swapcolor(eval("time"+number+"3"),0);

swapcolor(eval("time"+number+"4"),0);

swapcolor(eval("time"+number+"5"),1);

swapcolor(eval("time"+number+"6"),0);

break;

case 8:

swapcolor(eval("time"+number+"0"),1);

swapcolor(eval("time"+number+"1"),1);

swapcolor(eval("time"+number+"2"),1);

swapcolor(eval("time"+number+"3"),1);

swapcolor(eval("time"+number+"4"),1);

swapcolor(eval("time"+number+"5"),1);

swapcolor(eval("time"+number+"6"),1);

break;

case 9:

swapcolor(eval("time"+number+"0"),1);

swapcolor(eval("time"+number+"1"),1);

swapcolor(eval("time"+number+"2"),1);

swapcolor(eval("time"+number+"3"),1);

swapcolor(eval("time"+number+"4"),0);

swapcolor(eval("time"+number+"5"),1);

swapcolor(eval("time"+number+"6"),1);

break;

}

}

function show()//更新时间

{

var now=new Date();

change(0,Math.floor(now.getHours()/10));

change(1,Math.floor(now.getHours()%10));

change(2,Math.floor(now.getMinutes()/10));

change(3,Math.floor(now.getMinutes()%10));

change(4,Math.floor(now.getSeconds()/10));

change(5,Math.floor(now.getSeconds()%10));

setTimeout("show()",200);

}

echo "

";

echo "

for ($nunber=0;$number<6;$number++)

{

$recid=0;

echo "

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

if ($number==1||$number==3)

{

echo "

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

echo "

";

}

}

echo "

";

?>

show();

【本文版权归作者与奥索网共同拥有，如需转载，请注明作者及出处】

相关文章

1a1b05c64693fbf380aa1344a7812747.png

本函数用来将查询结果 result 拆到数组变量中。若 result 没有资料，则返回 false 值。而本函数可以说是 sybase_fetch_row() 的加强函数，除可以将返回列及数字索引放入数组之外，还可以将文字索引放入数组中2014-04-04

4f55910a645b073bc4fc65dc10dc14bd.png

Windows下的PHP5.0安装配制详解...2006-09-09

0ea3c7666119d5615e582f823fb3fad6.png

PHP简介...2006-10-10

4f96a78db829b1556ff16de21e013c7a.png

chmod() 函数改变文件模式。chmod — Changes file mode 如果成功则返回 TRUE，否则返回 FALSE。2010-05-05

8cc1031babc6aff2319f1c6af8544aa0.png

PHP 中的变量 变量用于存储值，比如数字、文本字符串或数组。2009-10-10

0c932a99bb7b6f23c937db507070cc7b.png

PHP是一种目前最流行的服务端Web程序开发语言之一。PHP主要的特点是语法简单易于学习、功能强大、灵活易用2011-05-05

cca732bf65a93ed2ec0ac80c638460fe.png

关于PHP Pear 安装及使用2009-03-03

2d9f31f2af7b675a3d153d2b7f1035a7.png

一个简易需要注册的留言版程序...2006-10-10

b452cee8ec5cd9e58ab98eba17281e59.png

获取系统时间时，发现获取的时间与系统的时间不符。2008-06-06

f4838ec7e2d4da28e0b57d4e852dadd4.png

深入了解php4(1)--回到未来...2006-10-10

最新评论

凌风柏
关注
Proteus仿真液晶时钟设计+代码+DSN
06-20
基于89C51单片机/89C52单片机通用的液晶时钟设计，Proteus软件测试运行环境7.8版本，包含内容：keil vision5项目文件、C语言程序源码、hex后缀编译文件、DSN仿真后缀文件项目
php gd库时钟
最新发布
小诏
07-08 134
【代码】php gd库时钟。
php绘制时钟刻度,制作一个简易的时钟效果
weixin_34831191的博客
03-09 210
时钟特效js代码var canvas = document.getElementById("clock");var clock = canvas.getContext("2d");function zhong() {clock.save(); //开始画外层圆clock.translate(200, 200);clock.strokeStyle = 'black';clock.lineWid...
php 实现时钟功能,详解小时钟程序的实现方法
weixin_39532421的博客
03-19 386
一般来说，在Windows XP画面的右下角会提示用户目前的时间与日期，如果用点两下右下角的时间或是日期文字后，会出现如图表1所示之「日期和时间 内容」对话框。请注意对话框右方的小时钟，时针、分针与秒针会随着时间的流逝而改变位置，就好像真的时钟一样。现在，利用一些逻辑的推演与.Net Framework精巧的绘图类别，也能够轻易做出类似的效果，以下是我们的说明。 程序范例图表2所示者是程序范例的执...
php模拟时钟,模拟时钟
weixin_39601641的博客
03-28 194
# coding=utf8import sys, pygame, math, randomfrom pygame.locals import *from datetime import datetime, date, timedef print_text(font, x, y, text, color=(255,255,255)):imgtext = font.render(text, True,...
php 完成时钟,PHP 绘制时钟 高洛峰 细说PHP
weixin_36115475的博客
03-09 273
显示页面代码html>timesetInterval(function(){document.getElementById('time').src="index.php?"+Math.random();},1000);画图页面代码/**绘制时钟*///获取系统时间date_default_timezone_set('PRC');$h=date('H');$i=date('i');...
js+css时钟效果 js+css时钟效果
04-18
js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+...
小程序源码 番茄时钟 (代码+截图)
06-19
小程序源码 番茄时钟 (代码+截图)小程序源码 番茄时钟 (代码+截图)小程序源码 番茄时钟 (代码+截图)小程序源码 番茄时钟 (代码+截图)小程序源码 番茄时钟 (代码+截图)小程序源码 番茄时钟 (代码+截图)小程序源码 ...
微信小程序 番茄时钟（截图+源码）
05-11
微信小程序 番茄时钟（截图+源码）微信小程序 番茄时钟（截图+源码）微信小程序 番茄时钟（截图+源码）微信小程序 番茄时钟（截图+源码）微信小程序 番茄时钟（截图+源码）微信小程序 番茄时钟（截图+源码）微信小...
小程序源码 画布：时钟 (代码+截图)
06-19
小程序源码 画布：时钟 (代码+截图)小程序源码 画布：时钟 (代码+截图)小程序源码 画布：时钟 (代码+截图)小程序源码 画布：时钟 (代码+截图)小程序源码 画布：时钟 (代码+截图)小程序源码 画布：时钟 (代码+截图)小...
纯Js实现的精美液晶时钟
04-23
纯Js实现的精美液晶时钟，纯Javascript实现。
php时钟设置
06-19
php小demo，设置一个时钟，可以跟随本地的时间时时走动等。
php数字时钟
06-18
php新手一枚，用php实现的简单时钟。内含0-9图片素材。
php文件名保存成日期字符串,基于php常用函数总结(数组,字符串,时间,文件操作)...
weixin_42131424的博客
03-09 186
数组:【重点1】implode(分隔,arr) 把数组值数据按指定字符连接起来例如：$arr=array('1','2','3','4');$str=implode('-',$arr);explode([分隔],arr)按指定规则对一个字符串进行分割，返回值为数组 别名joinarray_merge()合并一个或多个数组array_combine(array keys, array values)...
php时钟,PHP+javascript液晶时钟
weixin_34205814的博客
03-10 140
PHP+javascript液晶时钟发布时间：2016-06-17 来源： 点击:次$size_small=5;//液晶宽度$size_big=25;//液晶长度$distance=10;//间距$color_back="#DDDDDD";$color_dark="#CCCCCC";$color_light="#000000";$number=0;?>Timer// ********...
PHP中关于时间（戳）、时区、本地时间、UTC时间等的梳理
Dexter's Laboratory
09-20 2489
在PHP开发中，我们经常会在时间问题上被搞糊涂，比如我们希望显示一个北京时间，但是当我们使用date函数进行输出时，却发现少了8个小时。几乎所有的php猿类都必须对php中几个重要的时间转换等方法进行研究。本文就来梳理这些问题。 时间戳（timestamp） GMT 在时间戳这个点上，它是一个概念，而不是具体的编程问题，是计算机世界通用的一种约定。时间戳是指格林尼治时间（GMT）
PHP时钟显示
hellozheng的专栏
01-28 2922
<?php date_default_timezone_set("Asia/Shanghai"); echo date("Y年m月d日H时i分s秒"); ?>
php绘制时钟
ibingow的专栏
02-23 3101
今天用php写了点东西，其中一个就是画时钟，记下来分享下。 php的gd库里用来绘图还是很不错的。绘制时针分针使用imagefilledpolygon()，绘制表盘刻度线用imageline()，关键在于确定那些点的位置。 没仔细查资料，对php也不太了解，不知道有没有矩阵变换之类的东西，还是自己写吧。 先定义一个平面点集的旋转与平移变换函数，传入参数为大小是偶数的array，奇数位为x，偶
php 完成时钟,PHP 绘制时钟
weixin_39720865的博客
03-09 160
显示页面代码timesetInterval(function(){document.getElementById('time').src="index.php?"+Math.random();},1000);画图页面代码/** 绘制时钟*///获取系统时间date_default_timezone_set('PRC');$h = date('H');$i = date('i');$s = date...
PHP与JavaScript实现动态液晶时钟
这段代码展示了如何使用PHP和JavaScript结合创建一个简单的液晶时钟界面。首先，我们看到PHP变量定义，如液晶宽度大小($size_small = 5)、液晶长度($size_big = 25)、数字间的间距($distance = 10)，以及背景颜色($...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值