Javascript 电子时钟源码

?





1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>

    <title></title>

    <script type="text/javascript">

        window.onload = function
() {

            //有一秒钟的延迟，所以onload的时候需要先执行一次

            move();

            setInterval(move, 1000);

        }

        function
move() {

            var
oDate = new
Date();

            var
str = toTwo(oDate.getHours()) + toTwo(oDate.getMinutes()) + toTwo(oDate.getSeconds());

            var
aImg = document.getElementsByTagName("img");

            for
(var
i = 0; i < aImg.length; i++) {

                //str[i]这种写法只有高版本浏览器兼容，所以最好换成charAt

                // aImg[i].src = "images/" + str[i] + ".jpg";

                aImg[i].src = "images/"
+ str.charAt(i) + ".jpg";

            }

        }

        //个位数的补零

        function
toTwo(n) {

            if
(n < 10) {

                return
‘0‘ + n;

            } else
{

                return
n.toString();

            }

        }

        //日期方法拓展

        function
getTime(){

            var
oDate = new
Date();

            oDate.getDate();//日期

            oDate.getFullYear();//年

            oDate.getMonth() + 1;//月

            oDate.getDay();//星期，从零开始的，0是星期日，1是星期一

        }

    </script>

</head>

<body>

    <img src="images/0.jpg"
/>

    <img src="images/0.jpg"
/>

    :

    <img src="images/0.jpg"
/>

    <img src="images/0.jpg"
/>

    :

    <img src="images/0.jpg"
/>

    <img src="images/0.jpg"
/>

</body>

</html>

　　

时间： 2024-08-09 06:29:06

Javascript 电子时钟源码的相关文章

Qt仿Android带特效的数字时钟源码分析（滑动，翻页，旋转效果）

这个数字时钟的源码可以在Qt Demo中找到,风格是仿Android的,不过该Demo中含有三种动画效果(鉴于本人未曾用过Android的系统,因此不知道Android的数字时钟是否也含有这三种效果),其分别为滑动.翻页和旋转. 由于本人的Qt Creator输入中文后显示的都是乱码,因而在此只能使用英文进行注释,后期如果有时间再进行中文的相关整理.可能有些地方理解并不是很正确.希望大家多多指正! 以下为源码: [cpp] view plaincopy #include <QtCore> #i

JavaScript电子时钟+倒计时

JavaScript时间类 获取时分秒: getHours() getMinutes(); getSeconds(); 获取年月日: getFullYear(); getMonth() + 1;//获取的月份需要+1: getDate(); //日期 getDay(); //获取的是星期,0-->星期天 实例:(效果图) <!DOCTYPE html> <html lang="en"> <head> <meta charset="

asp微信公众号电子会员卡源码,可用于美容会所,理发店,汽车俱乐部,旅游公司等

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%><!--#include file="WxApi.asp"--><%Response.Charset = "GB2312"Code = Trim(Request.QueryString("code"))'Response.Write(Code&"<br/>")S

微信小程序源码下载（200多个）

微信小程序源码下载汇总,点击标题进入对应的微信小程序下载页面. 最新 demo源码(点击标题进入帖子下载) 描述 1 微信小程序 会议室预定小程序 微信小程序 会议室预定小程序**** 本内容被作者隐藏 **** 2 微信小程序-双人五子棋小游戏 微信小程序-双人五子棋小游戏**** 本内容被作者隐藏 **** 3 打卡签到小程序 用微信小程序实现的一个简单的打卡签到的小程序拒绝 4 微信小程序---左滑删除 微信小程序---左滑删除**** 本内容被作者隐藏 **** 5 一个借钱的记事本的微

Proteus仿真+C8051源码(100例)+红外线遥控仿真

从百度网盘下载,提取码:di7r 目录结构 ├─Proteus仿真+C8051源码(100例) │ │ 源码解释.doc │ │ │ └─基于8051+Proteus仿真 │ │ 案例压缩包相关说明.txt │ │ │ ├─第 01 篇 基础部分 │ │ ├─01 闪烁的LED │ │ │ │ Last Loaded 闪烁的LED.DBK │ │ │ │ 闪烁的LED.DSN │ │ │ │ 闪烁的LED.PWI │ │ │ │ │ │ │ ├─code │ │ │ │ led │ │ │ │

客户端哈希加密（Javascript哈希加密，附源码）

摘要 我们很难想象用户在什么样的网络环境使用我们开发的应用,如果用户所处的网络环境不是一个可信任的环境,那么用户的账户安全就可能有威胁,比如用户登陆时提交的账号密码被网络嗅探器窃取:客户端加密数据能有效的防御网络嗅探器窃取数据,通过在客户端Javascript加密数据后再提交至服务端进行验证有效提高了系统的安全系数,这符合纵深防御原则和数据安全要素机密性:本文整理了两种常用的加密算法:md5和sha1: HashEncrypt加密对象 加密算法封装HashEncrypt对象中,包含MD5.SHA

网页中tab标签切换分别用jquery和javascript源码实现

//HTML布局<ul id="tabTitle"> <li class="active">HTML5</li> <li>PHP</li> <li>Java</li> </ul> <div id="div1" style="display: block"> HTML5 </div> <div id=&q

javascript分享到的源码

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"&

javascript源码阅读推荐

学习任何程序设计语言,看书都只是开始的一小步而已,多看别人写的代码,自己动手多写代码才能让自己更上一层楼.Javascript的语言使用更是如此,由于javascript运行环境是浏览器,长久以来JavaScript兼容性一直是web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.其结果就是很多网页不能在各种浏览器上都有一样的表现,甚至根本不能跨浏览器.但基本上都遵循ECMA-262.努力并坚持一定会提高的.来自http://furzoom.com/j