数字钟的制作

1.用Date来创建一个对象的时候得到的有0123456....这些在显示的时候是不符合规范的,所以想到用‘‘+..使其变成字符串,然后用加号将那些字符串进行连接起来。

2.在获取字符串每个数字的时候可以直接用dateString[i]来遍历。

3.aImg[i].src = ‘images/‘+dateString[i]+‘.png‘; 在js中写这句话的时候src并不需要用""引起来。

4.使用不带圆括号的函数名是访问函数指针,而非调用函数。在开定时器的时候就是传入的函数指针。或者直接把函数写在里面,setInterval(function(){},1000);

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        *
        {
            margin: 0;
            padding: 0;
        }
        body
        {
            background-image: url(images/bg.png);
            color: white;
        }

    </style>
</head>
<body>
<div id="div1">
    <img src="images/0.png"/>
    <img src="images/0.png"/>
    :
    <img src="images/0.png"/>
    <img src="images/0.png"/>
    :
    <img src="images/0.png"/>
    <img src="images/0.png"/>
</div>
<script type="text/javascript">
    function toString (n)
    {
        if (n<10)
        {
            return(‘0‘+n);
        }
        else
        {
            return(‘‘+n);
        }

    }
    function tick () {
        var date = new Date();
        var dateString = toString(date.getHours())+toString(date.getMinutes())+toString(date.getSeconds());
        var aImg = document.getElementsByTagName(‘img‘);
        for(var i=0;i<aImg.length;i++)
        {
            aImg[i].src = ‘images/‘+dateString[i]+‘.png‘;
        }

    }
    setInterval(tick,0);

</script>

</body>
</html>
时间: 2024-10-23 03:40:34

数字钟的制作的相关文章

简易数字钟设计

简易数字钟设计 一.摘要 信息时代,时间观念深入人心,所以掌握数字钟的设计具有一定的时代意义,并且使用Multisim进行分立元件设计数字钟,可以大大提升个人数字电路的素养. 设计思路是从上至下,先进行数字钟整体框架的设计,考虑各个子芯片的预留端口,再逐个设计各个子电路模块.最终完成了时钟显示,调时,闹钟,定点报时以及万年历的功能.并且总的控制点预留了新功能的接入口,这样子就可以十分方便的进行新功能的加入. 目录 简易数字钟设计... 1 一.摘要... 1 二.前期准备... 2 1.数电知识

ios数字钟的实现

ios数字钟的实现 数字钟的创建,我们首先的准备一些参数:代码如下: #import "AppDelegate.h" @implementation AppDelegate { UILabel * _yearLabel; UILabel * _monthLabel; UILabel * _dayLabel; UILabel * _hourLabel; UILabel * _minuteLabel; UILabel * _secondLabel; NSMutableArray * _da

Qt 之 数字钟

本例用来展示 QTimer 的使用,如何定时的更新一个窗口部件. 1  QLCDNumber 类 QLCDNumber 是一种可将数字显示为类似 LCD 形式的窗口部件,它同 QLabel 一样,都继承自 QFrame,而 QFrame 继承自 QWidget 头文件 digitalclock.h 1 #include <QLCDNumber> 2 3 class DigitalClock : public QLCDNumber 4 { 5 Q_OBJECT 6 7 public: 8 Dig

数字验证码的制作

<?php //英文验证码相对简单,不要作hex处理,直接用色彩值就OK了.如果 session_start(); function rand_create() { //通知浏览器将要输出PNG图片 Header("Content-type: image/PNG"); //准备好随机数发生器种子 srand((double)microtime()*1000000); //准备图片的相关参数 $im = imagecreate(62,22); $black = ImageColor

得到一个数字中每一位的数字

学习编程也有一段时间了,随着学习的不断深入,我越来越体会到了算法的重要性,最近遇到了一些非常有意思的算法,比如打印水仙花数.将数字逆置,在这两个算法中会用到一个数字钟每一位的值 如:判断数字123是否是水仙花数需要得到每一位的数字 通常计算每一位的数字的算法是: 个位:a = 123 % 10 = 3 十位:b  = 123 %100 / 10 = 2 百位::c = 123 % 100 = 2 随着位数的越来越大,这种方法满足不了程序的需求 比如计算:123445677777777777777

基于数字证书认证的 IPSec VPN 配置

一.数字证书的相关术语 1.数字签名 数字签名基于哈希算法和公钥加密算法,对明文报文先用哈希算法计算摘要,然后用私钥对摘要进行加密,得到的一段数字串就是原文的数字签名数字签名与原文一起传送给接收者.接收者只有用发送者的公钥才能解密被加密的摘要信息,然后用HASH函数对收到的原文产生一个摘要信息,与解密的摘要信息对比.如果相同,则说明收到的信息是完整的,在传输过程中没有被修改,否则说明信息被修改过,因此数字签名能够验证信息的完整性. 2.数字证书 数字证书是由权威机构发行的,用来证明自己的身份和验

阿里根据截图查到泄露者,用的什么黑科技?(数字盲水印)

https://stgod.com/1482 本文分为五个部分,第一部分综述:第二部分频域数字盲水印制作原理介绍:第三部分盲水印攻击性实验:第四部分总结:第五部分附录(源代码). 一.综述 本文提供的一种实现"阿里通过肉眼无法识别的标识码追踪员工"的技术手段.通过看其他答主的分析,阿里可能还没用到频域加水印的技术. 在原答案中,存在措辞欠妥之处,对此表示由衷的歉意. 相对于空域方法,频域加盲水印的方法隐匿性更强,抵抗攻击能力更强.这类算法解水印困难,你不知道水印加在那个频段,而且受到攻

cocos2d 制作fnt 批量缩放png ios 批量制作图标 gamedevkit 支持windows, mac

0.制作了一个简单软件 这个软件有4个功能: 批量缩放png图片 根据美术给的数字小图等,制作fnt字体文件供cocos2d使用 批量制作ios 图标和android 图标(只需传入一张图片) 截图制作,传入5张IPhone6+的截图,生成IPhone5,IPhone6的截图(这个功能没什么用,不过当你个人开发制作20+个游戏的时候,就能省点力) 下面是具体功能介绍...当然这个软件暂定为收费. 1. cocos2d 制作fnt 文件 2.批量缩放png图片 我之前蛋疼地做了一个游戏,使用了两套

毕业设计课题大全

标题: 交换机端口数据流量信息采集方法评述(1人) 目的: 本题目意在通过检索"截获交换机封包"的相关资料,研究对交换机端口流量进行实时监测的手段和方法及实现的原理. 内容:论文要求分析交换机内部封包的交换和计数原理,进而探查如何通过局域网络监测交换机端口的实时流量信息. 参考资料:思科CCNA和CCNP认证教材,及相关参考资料 计算机专业毕业设计题目大全 http://blog.renren.com/share/250527820/12343150865 重点考虑: 5.电子邮件服务