如何做一个动态的图片时钟？

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>动态时钟</title>
</head>
<body><img src="data:images/images/0.png" id="h1"><img src="data:images/images/0.png" id="h2"><img src="data:images/images/second1.png"><img src="data:images/images/0.png" id="m1"><img src="data:images/images/0.png" id="m2"><img src="data:images/images/second1.png"><img src="data:images/images/0.png" id="s1"><img src="data:images/images/0.png" id="s2"><script type="text/javascript">var h1=document.getElementById("h1");var h2=document.getElementById("h2");var m1=document.getElementById("m1");var m2=document.getElementById("m2");var s1=document.getElementById("s1");var s2=document.getElementById("s2");getTime();function getTime(){var date=new Date();var hours=date.getHours();var minutes=date.getMinutes();var seconds=date.getSeconds();hours=addZero(hours);minutes=addZero(minutes);seconds=addZero(seconds);var time=hours+':'+minutes+':'+seconds;h1.src='images/images/'+hours[0]+'.png'h2.src='images/images/'+hours[1]+'.png'm1.src='images/images/'+minutes[0]+'.png'm2.src='images/images/'+minutes[1]+'.png's1.src='images/images/'+seconds[0]+'.png's2.src='images/images/'+seconds[1]+'.png'setTimeout(getTime,1000);}function addZero(num){if (num<10) {num='0'+num;}return num+'';}</script>
</body>
</html>

如何做一个动态的图片时钟？相关推荐

GUI实战｜Python做一个文档图片提取软件
大家好,本文将进一步讲解如何用Python提取PDF与Word中图片,并结合之前讲解过的GUI框架PysimpleGUI,做一个多文件图片提取软件,效果如下: 本文主要将分为以下部分讲解: PDF.W ...
用前端代码编写一个动态的罗盘时钟
用前端代码编写一个动态的罗盘时钟前言一.代码如下 1.index 2.js 3.css 页面效果前言今天给大家分享一个罗盘时钟的前端代码,喜欢的小伙伴帮忙点赞一下噢! 一.代码如下 1.ind ...
html制作一个动态仪表盘,用Excel做一个动态仪表盘，会这个绝对是大神
原标题:用Excel做一个动态仪表盘,会这个绝对是大神 Excel的仪表盘盛行,做起来也极其简单.(见图) (事实上上图的仪表盘认为两个部分,一个半环形图,一个是指针.我们先来搞定半环图. 首先你需要 ...
用 python 做一个动态可视化交互大屏
你可能经常会在公司前台.展会.路演时看到可视化数据的交互大屏.今天我们就来用 python 做一个动态可视化的交互大屏图. 一.项目背景随着科技的飞速发展,数据呈现爆发式的增长,任何人都摆脱不了与数 ...
使用python做一个pdf转图片的可执行exe程序
使用python做一个pdf转图片的可执行exe 1.安装环境 python3 模块:PymuPDF,pyinstaller import fitz import os import tkinterd ...
使用js实现一个简单的图片时钟
使用js实现一个简单的图片时钟 <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
在html中加入一个动态图,图片上加gif图片图片某个角落贴个gif动态图，如何在静态图片上面加一张GIF动态图...
喜欢上网的小伙伴就会知道网上流传灰常广泛一种搞笑gif动态图片,这类图片大部分是视频转gif的,就是截取视频经典搞笑画面制作而成,还加了些搞笑文字.使用网络聊天工具尤其是QQ就最常见了,那些搞笑的表情 ...
使用HTML5的canvas做一个会动的时钟
这次我们的目标是画一个会和时间同步的时钟,不过没有美学感觉,样子丑的厉害. HTML5支持canvas了,我们可以直接在页面上绘图了,我看了下canvas和GDI+的接口差不多,所以我们先了解些基本的 ...
用python做一个简单的图片浏览器竟如此简单
用了106行代码就做了一个图片浏览器,python真的太强大了.废话少说,看看效果先! 106行代码中还有不少代码是美化用的,真正功能的代码就没几句了.还是说说功能吧: 1. 打开文件夹,并只打开特定 ...

如何做一个动态的图片时钟？

如何做一个动态的图片时钟？相关推荐

最新文章

热门文章