利用JavaScript生成图片时钟

原创 2004年07月16日 11:35:00
<script>
n0=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0xF,0x5,0x5,0x5,0xF}";
n1=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0x4,0x4,0x4,0x4,0x4}";
n2=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0xF,0x4,0xF,0x1,0xF}";
n3=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0xF,0x4,0xF,0x4,0xF}";
n4=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0x5,0x5,0xF,0x4,0x4}";
n5=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0xF,0x1,0xF,0x4,0xF}";
n6=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0xF,0x1,0xF,0x5,0xF}";
n7=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0xF,0x4,0x4,0x4,0x4}";
n8=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0xF,0x5,0xF,0x5,0xF}";
n9=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0xF,0x5,0xF,0x4,0xF}";
nD=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0x0,0x0,0xF,0x0,0x0}";
nS=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0x0,0x0,0x0,0x0,0x0}";
nT=
"#define t_width 3/n"
+"#define t_height 5/n"
+"static char t_bits[]={0x0,0xF,0x0,0xF,0x0}";
function setImg()
{
 var now=new Date();
 var month=now.getMonth()+1;
 var strNow=strFormat(""+now.getYear(),4)+"D"+strFormat(""+month,2)+"D"+strFormat(""+now.getDate(),2)+"S"+strFormat(""+now.getHours(),2)+"T"+strFormat(""+now.getMinutes(),2)+"T"+strFormat(""+now.getSeconds(),2)+"T"+strFormat(""+now.getMilliseconds(),3);
 ClockID.innerHTML="";
 var vImg="";
 for(iInde=0;iIndex<strNow.length;iIndex++)
 {
  vImg=vImg+"<img src=/"javascript:n"+strNow.substr(iIndex,1)+";/" width=/"9/" height=/"15/">/n";
  ClockID.innerHTML=vImg;
 }
}
function strFormat(str,iLen)
{
 if(str.length<iLen)
 {
  for(iIndex=0;iIndex<iLen-str.length;iIndex++)
  {
   str="0"+str;
  }
  return str;
 }
 else
 {return str;}
}
setInterval("setImg()",2000);
</script>
<center>
<div id="ClockID">
</div>
</center>

JavaScript canvas 绘制圆形时钟

canvas 绘制时钟
  • u012104947
  • u012104947
  • 2016年04月19日 15:20
  • 494

JavaScript时钟制作

javascript charAt()方法可返回数组的指定位置的字符并且与直接写Array[0]下标的方式不同的是它兼容IE7. 但是需要注意的是charAt() 方法每次返回的字符长度为一的字符串 ...
  • qinqingz
  • qinqingz
  • 2016年11月01日 00:07
  • 412

《JavaScript学习笔记八》:数字时钟的实现

《JavaScript学习笔记八》:数字时钟的实现在我们的生活中,数字时钟随处可见,在我们的手机上,在我们的电脑上,以及在一些时间软件上,都可以看到数字时钟,与下图类似,这篇博文我们就来模拟下数字时钟...
  • u010412719
  • u010412719
  • 2016年05月30日 20:19
  • 587

JavaScript 带滴答声的时钟

  • chy555chy
  • chy555chy
  • 2017年01月28日 22:23
  • 382

javaScript产生随机数的几个用法

var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L'...
  • male09
  • male09
  • 2017年05月26日 14:45
  • 472

PHP利用GD库画图和生成验证码图片

首先得确定php.ini设置有没有打开GD扩展功能,测试如下 print_r(gd_info()); 如果有打印出内容如下,则说明GD功能有打开: Array ( [GD Version] =...
  • wyz365889
  • wyz365889
  • 2015年03月13日 22:33
  • 2241

机器学习:利用卷积神经网络实现图像风格迁移 (一)

相信很多人都对之前大名鼎鼎的 Prisma 早有耳闻,Prisma 能够将一张普通的图像转换成各种艺术风格的图像,今天,我们将要介绍一下Prisma 这款软件背后的算法原理。就是发表于 2016 CV...
  • aiaiai010101
  • aiaiai010101
  • 2017年03月03日 21:47
  • 909

JS实现电子时钟效果

html/css+js实现电子时钟效果
  • lanmushan
  • lanmushan
  • 2016年08月15日 20:21
  • 2335

利用JavaScript生成二维码并且中间有logo

一、描述              描述: jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件,使用它可以很方便的在页面上生成二维条码。此插件是能够独立...
  • zbw18297786698
  • zbw18297786698
  • 2016年10月14日 21:45
  • 9978

javascript实现图片上传以及预览(包含相关知识点汇总)

前言前端工作过程中有这么一个基本需求,要求将图片从本地选择上传到服务器,同时在本地进行预览。 这对于我这只小菜鸟来说也是难啊,为了预防写完了就忘,以及知识太过杂乱而不系统,在这里重新整理一下。正文预...
  • HeliumLau
  • HeliumLau
  • 2017年04月18日 14:16
  • 812
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用JavaScript生成图片时钟
举报原因:
原因补充:

(最多只允许输入30个字)