Javascript代码部分:

<script language="JavaScript">
<!--
function show(){
var data=new Date();
var days = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
var str="现在的时间是:";
str+=data.getFullYear();
str+=(data.getMonth())+1+":";
str+=data.getDate();
str+=days[data.getDay()];
str+=data.getHours()+":";
str+=data.getMinutes()+":";
str+=data.getSeconds();
time_div.innerHTML=str;
setTimeout("show()",1000);//每隔1000毫秒调用一次show()函数
}
//-->
</script>

在body标签中添加以下Html代码:

<div id="time_div" align="center" style="font-size:18px;"></div>
<!--调用show()-->
<script language = "JavaScript">
<!--
show();    //开始执行showTime()
//-->
</script>

转载于:https://www.cnblogs.com/yzhang/archive/2012/10/14/2723436.html

Javascript 数字时钟相关推荐

  1. java数字时钟代码,[Java教程]Javascript 数字时钟

    [Java教程]Javascript 数字时钟 0 2012-10-14 22:00:11 Javascript代码部分: 在body标签中添加以下Html代码: 本文网址:http://www.sh ...

  2. 数字时钟html脚本,javascript实现数字时钟效果

    本文实例为大家分享了javascript实现数字时钟效果的具体代码,供大家参考,具体内容如下 效果图 需求分析 1.通过date获取时间 2.通过间隔定时器setInterval动态获取时间 3.间隔 ...

  3. 教你用 JavaScript 设计一个 Neumorphism 风格的数字时钟 (代码详解)

    时钟是我们用来测量时间的装置.如果使用得当,时钟对于任何 UI 都是有用的元素.时钟可用于以时间为主要关注点的网站,例如一些预订网站或一些显示火车.公共汽车.航班等到达时间的应用程序.时钟基本上有两种 ...

  4. 在网页中显示数字时钟

    <html> <head> <title>实时走动的数字时钟</title> </head> <script> function ...

  5. 圆形数字时钟同时显示数字时钟、日期和星期特效

    前几天看到动画效果,于是今天想写个时钟效果分享. <!DOCTYPE html> <html lang="en"><head><meta ...

  6. FPGA芯片结构(可编程输入输出单元IOB/可配置逻辑块CLB/数字时钟管理模块DCM/ 嵌入式块RAM(BRAM)/丰富的布线资源/ 底层内嵌功能单元/内嵌专用硬核)

    目前主流的FPGA仍是基于查找表技术的,已经远远超出了先前版本的基本性能,并且整合了常用功能(如RAM.时钟管理 和DSP)的硬核(ASIC型)模块.如图1-1所示(注:图1-1只是一个示意图,实际上 ...

  7. js选中html的数字设置倒计时,JS实现的网页倒计时数字时钟效果

    本文实例讲述了JS实现的网页倒计时数字时钟效果.分享给大家供大家参考.具体实现方法如下: 代码如下: javascript实现的倒计时时钟 body,div{margin:0;padding:0;} ...

  8. html如何添加时钟效果,五步轻松实现JavaScript HTML时钟效果

    这篇文章主要为大家详细介绍了五步轻松实现JavaScript HTML时钟效果的代码,具有一定的参考和学习JavaScript的价值,对JavaScript感兴趣的小伙伴们可以参考一下本篇文章 学了一 ...

  9. js数字时钟 js桌面时钟 js获得系统当前时间

    <html> <head> <title>数字时钟</title> <meta http-equiv="content-Type&quo ...

最新文章

  1. linux目录怎么自动生成,情景linux--如何快速生成大文件?
  2. C++Breadth First Search 广度优先搜索(附完整源码)
  3. 美女晕倒怎么办?二哈:这不是一滋就醒......
  4. 一个优秀的软件测试工程师需具备的技能
  5. python混合asp_用python实现面向对象的ASP程序实例
  6. 我的“技术架构”之旅
  7. 二、大数据实践项目——数据分析与处理
  8. 网线水晶头接法图解8根线芯顺序排序图示
  9. 范围变更管控案例_项目变更管理案例.doc
  10. 【文章】《陋室铭》《陋妻铭》《微信铭》《交友铭》《老人铭》
  11. Python中time.sleep(0.001)真的只等待1毫秒吗?
  12. gini函数和entropy 函数 数据分类效果对比
  13. 第1关:学会使用 Gensim
  14. Web 开发框架 — Express 精讲(安装使用、静态托管、路由处理、中间件的使用)
  15. Web渗透攻击之vega
  16. linux+创建一个v文件共享,win10与Ubantu双系统:Linux下开启FTP服务器与创建无线热点(实现文件共享)...
  17. Total Commander的常用用法和设置
  18. 学习python[:,:]
  19. 79、Vue的发展及优点和缺点
  20. MUR1060AC-ASEMI快恢复二极管MUR1060AC

热门文章

  1. 机器学习:分类,回归,聚类
  2. RuntimeWarning: overflow encountered in power
  3. Nature对数千篇论文提出质疑:隐藏的细菌蛋白为自然界的“电网”提供动力
  4. 脑智前沿科普|虚拟现实如何欺骗你的大脑
  5. 数字孪生技术,让酷炫的智慧城市不再遥不可及
  6. PANS:智力以外的特质,会影响长期成就
  7. 人工智能正在向具有“高情商”发展
  8. 面部识别技术走到十字路口?
  9. Facebook、谷歌、微软利用“黑暗模式”诱骗用户交出数据
  10. 2017美国人工智能和机器学习行业种子投资首次下降