数码时钟
来源:互联网 发布:豫章学院 知乎 编辑:程序博客网 时间:2024/05/16 01:54
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .div1{ color:#fff; background: #171717; font-size:50px; text-align:center; } </style></head><script> function getDate(n){ if(n<10){ return '0'+n; }else{ return ''+n; } }window.onload=function(){ var oImg=document.getElementsByTagName('img'); function timer(){ var oDate=new Date(); var str=getDate(oDate.getHours())+getDate(oDate.getMinutes())+getDate(oDate.getSeconds()); for(var i=0;i<oImg.length;i++){ oImg[i].src='images/'+str[i]+'.png'; } } setInterval(timer,1000); timer();}</script><body class="div1"> <img src="images/0.png"> <img src="images/0.png"> : <img src="images/0.png"> <img src="images/0.png"> : <img src="images/0.png"> <img src="images/0.png"></body></html>
阅读全文
0 0
- 数码时钟
- 数码时钟
- 数码时钟
- 数码时钟
- 数码时钟
- 数码时钟
- 数码时钟
- 数码时钟
- 简易数码时钟
- 定时器实现数码时钟
- js特效之数码时钟
- 定时器的实战--数码时钟
- 基于JavaScript的数码时钟
- 数码可调时钟(加闹钟)
- 定时器的应用(三):数码时钟
- JavaScript-定时器的使用之数码时钟
- javascript学习笔记9,10---定时器+数码时钟
- 一个超酷的数码时钟(走秒的)
- 【yum命令】软件包管理器
- 关于visual studio code在win10系统上安装后会报扩展宿主意外终止的解决方法
- Cookie和Session快速记忆笔记
- nodejs之express搭建项目-以注册登陆为例
- ios中分享的回调地址
- 数码时钟
- 如何防止别人QQ群话题发广告和批量QQ群发Q群话题
- centos下mysql数据库的安装
- [Network]TCP
- Scala集合类型详解
- < 笔记 > Java SE
- XIII Open Championship of Y.Kupala Grodno SU Grodno Problem E. Enter the Word Problem 贪心+后缀自动机
- Select和Epoll
- 挑战3.2.1 Subsequence (poj 3061)