【javascript】基于javascript的小时钟

计时事件：通过JavaScript，我们可以设置在一段时间间隔后执行一段代码，而不仅仅是在函数调用后立即执行。

在JavaScript中，使用计时事件是很容易的，主要有两个事件供我们使用

setTimeout() 开始

clearTimeout() 取消setTimeout()

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function startTime()
 5 {
 6 var today=new Date()
 7 var h=today.getHours()
 8 var m=today.getMinutes()
 9 var s=today.getSeconds()
10 // add a zero in front of numbers<10
11 m=checkTime(m)
12 s=checkTime(s)
13 document.getElementById('txt').innerHTML=h+":"+m+":"+s
14 t=setTimeout('startTime()',500)
15 }
16
17 function checkTime(i)
18 {
19 if (i<10)
20   {i="0" + i}
21   return i
22 }
23 </script>
24 </head>
25
26 <body οnlοad="startTime()">
27 <div id="txt"></div>
28 </body>
29 </html>

转载于:https://www.cnblogs.com/wywnet/p/3419864.html

【javascript】基于javascript的小时钟相关推荐

[Javascript]基于ExplorerCanvas绘制表盘时钟
这是一个Javascrip写的时钟,没有任何图片. 由于ff等dom2浏览器使用svg绘图,而ie使用vml,两者差距非常大,所以xml绘图一直无法统一起来. 最近想要尝试一下,想要实现svg和vml ...
【微信小程序】基于JavaScript的花店商城小程序微信云开发
[微信小程序]基于JavaScript的花店商城小程序微信云开发用Java Script语言进行一次微信小程序开发文章目录前言一.功能总览二.功能显示 1.搜索框 2.轮播图 3.主题导航栏 ...
【微信小程序开发全流程】篇章0：基于JavaScript开发的校园综合类微信小程序的概览
基于JavaScript开发的校园综合类微信小程序的概览本文仅供学习,未经同意请勿转载一些说明:上述项目来源于笔者我本科大三阶段2020年电子设计课程项目,在这个项目中,我主要是负责的部分有前端, ...
随机循环抽奖小程序_c语言,基于JavaScript实现简单的随机抽奖小程序
对于抽奖这样的小程序使用诸如VB,Delphi等工具来实现会比较的方便,由于本人机器上没有装这样的应用程序,所以只能另寻其道.为了使抽奖程序能够无需配置平台直接可以在任何一台机器上运行,开发工具和编译 ...
软件开发基于JavaScript实现快速转换文本语言（繁体中文和简体中文）_javascript技巧
软件开发基于JavaScript实现快速转换文本语言(繁体中文和简体中文)_javascript技巧一般商业网站都有一个语言的需求,就是为了照顾使用正体中文的国人,会特地提供一个切换到正体中文的选项 ...
RPGMAKER游戏引擎基于JavaScript的插件制作（六）——重写方法（三）：在场景（scenes）中创建精灵（Sprite）——复制式重写的实例教学
因为要开新坑了,准备连续更新把这个插件制作的坑填完,之后更新的是"可交互精灵--事件绑定教学","窗口(windows)教学","自动战斗AI实现-- ...
软件开发基于JavaScript实现快速转换文本语言
软件开发基于JavaScript实现快速转换文本语言一般商业网站都有一个语言的需求,就是为了照顾使用正体中文的国人,会特地提供一个切换到正体中文的选项(或曰"繁体中文").传统做 ...
node.js基于JavaScript语言新兴框架
node.js基于JavaScript语言,不在单用学习一门新的语言,从而降低了陌生语言的门槛,同时js语言在web前端开发至关重要,特别HTML5必须使用,前后台语言统一,不仅可以实现程序员全栈开发 ...
基于Javascript的简单图片管理
(一)标记今天我要做一个小图片浏览的网页.第一项工作室为这些图片创建一个链接清单.因为我没打算让这些图片按照特定顺序排列,所以将使用一个无序清单元素(ul) 下面是我的清单标记 <h1> ...
基于javascript的数据结构实现（一）
数据结构数据结构是做为程序员必须的了解的必备基础知识,也是必备素养之一,接下来为大介绍比较常见几种的简单基础的数据结构: 堆栈堆栈:这种数据结构,你必须要它的特点就是:后进先出,就好像吃进去的,吐 ...

【javascript】基于javascript的小时钟

【javascript】基于javascript的小时钟相关推荐

最新文章

热门文章