动 态 数 字 时 钟2(javascript)

最新推荐文章于 2024-08-18 10:54:05 发布
最新推荐文章于 2024-08-18 10:54:05 发布
阅读量989 收藏
点赞数
文章标签： javascript image c cam function date
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaoxiaoyang5156/article/details/1686500
版权

演示效果

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无题</title>
<script language="javascript">
<!--
var dn//定义一个新变量 dn
c1=new Image(); c1.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_c1[1].gif"
c2=new Image(); c2.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_c2[1].gif"
c3=new Image(); c3.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_c3[1].gif"
c4=new Image(); c4.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_c4[1].gif"
c5=new Image(); c5.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_c5[2].gif"
c6=new Image(); c6.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_c6[1].gif"
c7=new Image(); c7.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_c7[1].gif"
c8=new Image(); c8.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_c8[1].gif"
c9=new Image(); c9.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_c9[1].gif"
c0=new Image(); c0.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_c0[1].gif"
cb=new Image(); cb.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_cb[1].gif"//黑背景
cam=new Image(); cam.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_cam[1].gif"//上午
cpm=new Image(); cpm.src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_cpm[2].gif"//下午
/*定义一些新对象c1,c2...，分别是c1.gif,c2,gif....分别为数字1，2...*/
function extract(h,m,s,type){//定义一个函数extract,具有四个参数h,m,s,type。
if (!document.images)
return//如果当前窗口不存在images对象，就返回。
if (h<=9){
document.images.a.src=cb.src
document.images.b.src=eval("c"+h+".src")
}
/*当h<=9时，就在小时前输出一个黑背景，再输出ch.src图。eval()函数可以把一个字符串当作一个JavaScript表达式一样去执行它。*/
else {
document.images.a.src=eval("c"+Math.floor(h/10)+".src")
document.images.b.src=eval("c"+(h%10)+".src")
}
/*Math.floor(h/10)是返回一个小于h/10的整数。如果h>9，就输出一个c1图，再加上一张对h求余后的值的图。*/
if (m<=9){
document.images.d.src=c0.src
document.images.e.src=eval("c"+m+".src")
}
/*当m<=9时，就在分钟前输出一个0，再输出cm.src图。*/
else {
document.images.d.src=eval("c"+Math.floor(m/10)+".src")
document.images.e.src=eval("c"+(m%10)+".src")
}
/*如果m>9，先输出一张分钟的十位数上的数字，再加上一张对h求余后的值的图。*/
if (s<=9){
document.g.src=c0.src
document.images.h.src=eval("c"+s+".src")
}
else {
document.images.g.src=eval("c"+Math.floor(s/10)+".src")
document.images.h.src=eval("c"+(s%10)+".src")
}//同上。
if (dn=="AM") document.j.src=cam.src
else document.images.j.src=cpm.src
//如果dn=AM，则输出am图，否则输出pm图。
}
function show(){//定义一个show()函数。
if (!document.images)
return//如果当前窗口不存在images对象，就返回。
var Digital=new Date()//定义一个名称为Digital的Date对象。
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
/*分别声明变量hours，minutes，seconds值为当前的小时数，分钟数和秒数。*/
dn="AM"
if ((hours>=12)&&(minutes>=1)){
dn="PM"
hours=hours-12
}
/*给dn赋初值为am，当小时数>=12,分钟>=1时，dn=pm,同时，小时数减12。*/
if (hours==0)
hours=12
/*当小时数等于0时，小时数为12。*/
extract(hours,minutes,seconds,dn)
setTimeout("show()",1000)
/*1秒调用一次show函数。*/
}
//-->
</script>
</head>
<body onLoad="show()">
<!--页面加载时，调show()函数。-->
<img src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_cb[1].gif" name="a"><img src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_cb[1].gif" name="b"><img src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_colon[1].gif" name="c"><img src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_cb[1].gif" name="d"><img src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_cb[1].gif" name="e"><img src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_colon[1].gif" name="f"><img src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_cb[1].gif" name="g"><img src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_cb[1].gif" name="h"><img src="http://www.cnblogs.com/images/cnblogs_com/zhaoxiaoyang/99421/t_cam[1].gif" name="j">
</body>
</html>

zhaoxiaoyang5156
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2.2 JavaScript实现动态数字时钟
小脆筒style的博客
04-24 867
动态数字时钟 实现效果 代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; } #box {
JavaScript小特效钟表 大笨钟.zip
10-26
JavaScript小特效钟表，通常指的是使用JavaScript编程语言创建的具有动态显示时间的视觉效果，它模拟了传统的大笨钟，即大型机械钟的外观和功能。这种特效在网页设计中常用于增加页面的互动性和观赏性，使得用户可以...
跳跃的数字2（动态规划实现)
tugangkai的专栏
06-02 826
给定一个非负整数数组，假定你的初始位置为数组第一个下标。 数组中的每个元素代表你在那个位置能够跳跃的最大长度。 你的目标是到达最后一个下标，并且使用最少的跳跃次数。 例如： A = [2,3,1,1,4]A=[2,3,1,1,4]，到达最后一个下标的最少跳跃次数为 22。（先跳跃 11 步，从下标 00 到 11，然后跳跃 33 步，到达最后一个下标。一共两次） 输入格式 第一行输
大写时钟壁纸
weixin_43404438的博客
12-02 878
壁纸名称：冷高轮时间大写数字时钟 壁纸样式：梵高数字动态时钟，王思聪吃热狗数字动态时钟，手势数字动态时钟，大写数字动态时钟，中文汉字动态时钟，麻将数字动态时钟，扑克数字动态时钟 电脑壁纸下载可在wallpaper engine或者upupoo上搜索全称“冷高轮时间‘ 电脑屏保可在冷高轮时间官网下载：lenggaolun。com（com前面是点不是句号) 手机APP可在android和ios各大应用...
冷高轮时间王思聪吃热狗windows电脑壁纸下载
weixin_43404438的博客
12-02 235
壁纸名称：冷高轮时间王思聪吃热狗数字时钟 壁纸样式：梵高数字动态时钟，王思聪吃热狗数字动态时钟，手势数字动态时钟，大写数字动态时钟，中文汉字动态时钟，麻将数字动态时钟，扑克数字动态时钟，男神数字动态时钟，女神数字动态时钟 电脑壁纸下载可在wallpaper engine或者upupoo上搜索全称“冷高轮时间‘ 电脑屏保可在冷高轮时间官网下载：lenggaolun。com（com前面是点不是句号) ...
动 态 数 字 时 钟1(javascript)
07-12 1397
无题 function Time()//定义一个函数。{ if (!document.layers&&!document.all) return /*由于IE与Netscape对JavaScript的解释不同，造成浏览的效果不同，所以要分别写代码。这句话判断一下用户所使用的浏览器，如果两者都不是，就返回。*/ var Timer=new Date()//定义一个新的变量，名字为timer,为这个新
[导入]动 态 数 字 时 钟2(javascript)
weixin_30251829的博客
07-12 44
文章来源:http://blog.csdn.net/zhaoxiaoyang5156/archive/2007/07/12/1686500.aspx 转载于:https://www.cnblogs.com/zhaoxiaoyang2/archive/2007/07/12/817628.html
[导入]动 态 数 字 时 钟1(javascript)
weixin_30371469的博客
07-12 51
动 态 数 字 时 钟1(javascript)文章来源:http://blog.csdn.net/zhaoxiaoyang5156/archive/2007/07/12/1686212.aspx 转载于:https://www.cnblogs.com/zhaoxiaoyang2/archive/2007/07/12/817629.html...
JavaScript
书生的博客
10-25 1111
1、概述JavaScript是一种脚本语言。JavaScript可以实现动态页面。BOM：浏览器模型DOM：文档对象模型2、JavaScript的特点动态改变页面内容动态改变网页的外观验证表单数据响应事件2、JavaScript的预解析：3、页面使用javascript的方法
JavaScript小特效钟表 大笨钟.7z
10-26
在本案例中，"大笨钟"可能是指一个模拟传统大型机械钟外观和功能的数字时钟。这个项目可能包括了HTML文件（timea.html）、CSS样式文件（可能在css.zip中）以及JavaScript脚本文件（可能在js.zip中）。 JavaScript是...
数字时钟 0-9数字图片收藏 javascript实现的时钟图片
03-11
在这个示例中，`padStart(2, '0')`是用来确保无论小时、分钟还是秒数都是两位数，不足两位时会在前面补0，这样可以保证图片的正确对齐。 为了实现数字电子时钟的动画效果，可以考虑添加CSS过渡效果，例如改变图片的...
javascript 动态网页设计期末大作业(自己手写的，很适合期末作业)
12-13
js大作业写的是一个关于疫情的大作业，一共有7个页面，功能有首页，我的二维码浮动、背景音乐自动播放、表格增删改查、用户登录、用户注册、图片录播、随机数产生，算是一个比较齐全的网页。内容比较简单，都是书本...
JavaScript 完整 sm2工具
03-28
参考开源http://www.jonllen.com/upload/jonllen/case/jsrsasign-master/sample-sm2_crypt.html 代码为基础，修正其中椭圆点未校验导致生成加密异常的问题，修正字符串转byte前后不统一导致部分加密结果无法与java端...
Digital Clock 3D for Mac(3D机械时钟动态桌面壁纸)
Mac_mimi的博客
04-15 2466
Digital Clock 3D是一款非常实用的3D时钟动态桌面壁纸。享受复古管时钟，最新的OLED时计，以及与此动态壁纸之间的一切。 选择你最喜欢的风格或者让它变得偶然，品味超逼真的3D图形！ Digital Clock 3D下载安装教程 在本站下载完成.pkg安装包后，双击打开，按照提示即可完成安装。 digital clock 3d mac版特色介绍 Digital Clock 3D是D数字时钟动态桌面应用，享受复古管时钟，最新的OLED时计，以及与此动态壁纸之间的完美结合。选择你最喜欢的风格，品
微信小程序骨架屏
djjdjdjdjddjjdjd的博客
08-16 301
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
网上商品订单转手系统bootpf
最新发布
weixin_43213064的博客
08-18 387
【代码】springboot网上商品订单转手系统bootpf
vue3进阶用法之通过调用函数动态加载组件用法及示例
wz9608的博客
08-14 355
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值