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>

<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"
/>

</body>

</html>

时间： 2024-12-23 04:29:28

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"%><%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