图片时钟

最新推荐文章于 2022-05-08 03:18:16 发布
最新推荐文章于 2022-05-08 03:18:16 发布
阅读量977 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CXZHAOYANG12/article/details/9275085
版权 
/*
* 程序的版权和版本声明部分
* Copyright (c)2013, 烟台大学计算机学院学生
* All rightsreserved.

* 作    者：   赵 洋
* 完成日期： 2013 年 07 月  08 日
* 版本号： v1.0
* 输入描述：
* 问题描述：图片时钟
* 输出：
*/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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">
function toDouble(num)
{
    if(num<10)
	{
		return '0'+num;
	}
	else
	{
	  return ''+num;
	}
};
window.οnlοad=function()
{
   //var oBut1=document.getElementById('but1');
   var oImg=document.getElementsByTagName('img');
   var i;
   function upDateTime()
   {
	   var oDate=new Date();
	   var str=toDouble(oDate.getFullYear())+toDouble(oDate.getMonth()+1)+toDouble(oDate.getDate())+toDouble(oDate.getHours())+toDouble(oDate.getMinutes())+toDouble(oDate.getSeconds())+oDate.getDay();
	   
	   for(i=0;i<oImg.length;i++)
	   {
		  oImg[i].src='img/'+str.charAt(i)+'.jpg';  
	   }
   };
       setInterval(upDateTime,1000);
	   upDateTime();
}
</script>
</head>

<body style=" color:#F90; background:#000; font-size:60px;">
<img src="img/0.jpg" />
<img src="img/0.jpg" />
<img src="img/0.jpg" />
<img src="img/0.jpg" />
年
<img src="img/0.jpg" />
<img src="img/0.jpg" />
月
<img src="img/0.jpg" />
<img src="img/0.jpg" />
日<br />
<img src="img/0.jpg" />
<img src="img/0.jpg" />
时
<img src="img/0.jpg" />
<img src="img/0.jpg" />
分
<img src="img/0.jpg" />
<img src="img/0.jpg" />
秒
星期
<img src="img/0.jpg" />
</body>
</html>

CXZHAOYANG12
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js制作动态图片时钟
jack_2326的博客
09-17 1148
本篇文章主要介绍动态图片时钟的制作，旨在练习函数的运用 css代码如下： *{ padding: 0px; margin: 0px; } #div1{ width: 450px; height: 70px; margin: auto; } .dd{ width: 50px; height: 70px; background-image: url(.
html 图片时钟,教你五步制作精美的HTML时钟
weixin_39719042的博客
06-04 1178
学了一段时间的HTML、CSS和JS后，给大家做一款漂亮的不像实力派的HTML时钟，先看图：涉及到的知识点有： CSS3动画、DOM操作、定时器、圆点坐标的计算(好多人是不是已经还给自己的老师了~)接下来，我们用5步来制作它step1、准备HTML首先，我们需要准备HTML结构，背景、表盘、指针(时针、分针、秒针)、数字。< /div>step2、准备CSS定义好指针的颜色和大小，需要...
如何用原生JS制作图片时钟
一入前端深似海
08-01 2977
程序设计之道无远弗届，御晨风而返。———— 杰佛瑞 · 詹姆士 今天分享一个小demo，如何用原生JS制作图片时钟，话不多说上代码。 html &amp;amp;amp;lt;img src=&amp;amp;quot;img/0.png&amp;amp;quot; alt=&amp;amp;quot;&amp;amp;quot; /&amp;amp;amp;gt; &amp;amp;amp;lt;img src=&amp;
原生js的图片时钟实现
m0_59941973的博客
05-08 373
原生js的图片时钟实现
创意——图片时钟
weixin_44570557的博客
02-17 359
在在这里插入图片描述这里插入图片描述
js实现图片时钟--带翻转动画
weixin_46341003的博客
01-01 478
js实现图片时钟–带反转动画 首先上图，先看效果 需求 根据当前系统时间来更改这个时钟，更改时间时，数字向上翻动，转成下一个数字。 编程思路 如果只是根据系统时间来更改图片的话，其实很简单，就是获得每个数字图片的DOM，获得当前系统时间，然后更改其src为指定数字图片就可以了。但是这边想要加入这个反转动画，我们可以指定一个窗口，高度为一个数字图片的大小，再检测到时间变化时，我们在指定的数字图片后加入我们想要改变的数字图片结点，之后设置一个定时器用很小的时间不断向上移动，这样就能出这个上翻的动画效果
JS实现简易图片时钟效果
qq_18372191的博客
04-05 4571
简易图片时钟 思路 1.首先创建一个div,在div中有6个img标签，分别代表时分秒。 2.通过dom操作获取这6个img标签。 3.通过new Date()获取时间，根据时间来修改图片的显示。 4.设置定时器，达到一秒一动的效果 具体操作 创建基本的结构，默认显示00:00:00 <div> <!-- 时 --> <im...
js实现动态的图片时钟
hugejihu9的专栏
10-10 4907
实现代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; &lt;title&gt;Examples&amp
Js实现图片做的实时时钟
进击的葱
12-17 1017
描述： 将下图作为时间的背景，实现随时时钟的效果。 效果： 代码： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style
简单的图片数字时钟js代码
Lucky Star的博客
11-27 5502
img{ width: 25px; height: 25px; } 时钟 function getImg(val) { var len=val.length; var images=""; for (var i = 0; i < len; i++) { var num=val.substr(i,1); switch(num){ case '0' : image
原生js图片时钟运行代码
10-26
原生JavaScript图片时钟是一种利用JavaScript的基本特性，结合DOM操作和BOM（浏览器对象模型）来实现的时间显示方式。在这个项目中，我们看到的核心技术主要包括JavaScript的日期对象、DOM元素操作以及定时器。 ...
jquery制作图片时钟特效
10-23
以上知识点展示了如何利用jquery和JavaScript实现一个简单的图片时钟特效，其中涉及了时间的获取、格式化、DOM操作及图片资源处理等技术点。通过这些知识点，开发者可以构建出美观且具有创意的动态时钟特效，丰富...
563、基于TP4056+DC/DC设计的5V、3A直流UPS电源设计（原理图、PCB图）
09-01
563、基于TP4056+DC/DC设计的5V、3A直流UPS电源设计（原理图、PCB图） 该设计为基于TP4056+DC/DC设计的5V、3A直流UPS电源设计，实现5V、3A直流UPS供电设计； 功能实现如下： 1、一款5V 3A的直流UPS。 2、5V直流输入可选择TYPE-C或者5mm直流电源座。 3、5V直流输出可选择USB口或者焊线输出。 4、TP4056充电管理芯片； 5、DC/DC开关电源设计，实现5V、3A直流输出；
基于Hive的漫画推荐系统设计与实现 开题报告
09-01
1.数据收集与预处理：通过漫画平台或其他渠道获取大量用户行为数据，如阅读历史、收藏记录等。对这些数据进行清洗、归一化和特征提取，以便后续的推荐模型训练和分析。 2.推荐模型设计：结合协同过滤，设计适合漫画推荐的模型。考虑到Hive的分布式计算能力，模型需要能够有效处理大规模数据，提高推荐的准确性和效率。 3.Hive平台搭建与优化：搭建基于Hive的大数据处理平台，利用Hive的SQL-like查询语言进行数据分析和挖掘。通过优化Hive查询性能，提高系统的实时性和稳定性。 4.用户反馈与个性化调整：引入用户反馈机制，通过用户行为反馈对推荐模型进行动态调整。考虑到用户兴趣的变化，使推荐系统更具适应性，提高用户体验。 5.实际应用与评估：在漫画平台上进行实际应用，通过A/B测试等方法评估推荐系统的性能和效果。根据评估结果，不断优化推荐算法和模型，提高系统的实用性。
AutoTorch-0.0.2b20201010-py3-none-any.whl.zip
09-01
AutoTorch-0.0.2b20201010-py3-none-any.whl.zip
#-ssm-001-mysql-快递管理系统.zip
09-01
该系统用spring mvc和MySQL实现了快递管理系统。快递管理系统有着很好的应用前景，随着计算机技术和网络技术的发展，它的功能将会得到不断的发展和完善。本系统可以根据实际应用的具体情况，适当加以修改，以便更好应用。本系统操作简单，灵活性好，系统安全性高，运行稳定。本文详细介绍了快递管理系统开发和设计的全过程。
Python数据分析与可视化项目金融信用卡欺诈交易预测约600行EDA数据探索逻辑回归决策树模型调参模型评估
09-01
Python数据分析与可视化项目金融信用卡欺诈交易预测约600行EDA数据探索逻辑回归决策树模型调参模型评估提取方式是百度网盘分享地址
AV46DOT-standard
09-01
ANSI/VITA 46.0标准系列原文。英文版
51单片机定时器Timer0控制流水灯
最新发布
09-01
基于51单片机定时器Timer0的流水灯，C语言编写，免费分享。 资料详细介绍：https://blog.csdn.net/DZGCSCZRJ/article/details/141792113
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值