用JS写一个时钟

最新推荐文章于 2024-01-31 16:02:42 发布
最新推荐文章于 2024-01-31 16:02:42 发布
阅读量357 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/435648
 
<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
  {i="0" + i}
  return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
 


本文转自 houzaicunsky 51CTO博客，原文链接:http://blog.51cto.com/hzcsky/978546
用JavaScript编写钟表
cathei的博客
07-11 1535
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; #clock{ width: 500px; height: 500px; b
如何使用js实现电子时钟功能
蒋伟平的博客
03-28 6884
电子时钟是网上常见的功能，在学习date对象和定时器功能时，来完成一个电子时钟的制作是不错的选择。学习本教程之前，读者需要具备html和css技能，同时需要有简单的javascript基础。 先准备一个html元素，用来放置时钟。新建一个div元素，它的id命名为clock，如下所示： <div id="clock" class="clock_con"></div><...
js实现的一个时钟页面
05-14
js实现的一个时钟页面 可以添加到页面上 时钟页面
js编写一个简单的时钟
weixin_45791806的博客
05-11 463
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> function toDou(n
JS实现一个时钟
醉月听风的博客
09-19 697
html布局：时钟分针秒针和中心的圆点，表盘数字 <div id="warp"> <ul id="scale"> <li>1</li> <li>2</li> <li>3</li> ...
js创建一个简单的时钟
zag666的博客
10-15 1746
想要用js创建一个小时钟，首先必须要了解js的Timing 事件：JavaScript 可以在时间间隔内执行，这就是所谓的定时事件。 一、setTimeout()方法 表示在等待指定的毫秒数后执行函数。（可制作延迟效果） 语法：window.setTimeout(function, milliseconds); 第一个参数是要执行的函数，第二个参数指示执行之前的毫秒数。 clearTimeout(...
用JS写的一个简单的时钟
weixin_30265103的博客
06-20 239
没什么技术含量，单纯的想传上去。手痒了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>AAA</title> <script> function startTime(){ var today=new Date(); ...
用js写一个时钟显示
05-25
可以使用 JavaScript 来实现一个简单的时钟显示。以下是一个基本的示例： HTML 代码： ```html <!DOCTYPE html> 时钟 <h1 id="clock"></h1> <script src="clock.js"> ``` JavaScript 代码： ```...
JavaScript开发一个时钟
12-27
总结来说，开发一个JavaScript时钟涉及以下关键知识点： 1. HTML基础：创建基本的HTML结构，包括标题、样式链接和脚本链接。 2. CSS基础：设计时钟的样式，如尺寸、颜色、字体等。 3. JavaScript基础：使用`Date`...
javascript写出的时钟
11-05
这个JavaScript时钟实例是一个基本的实时数字到模拟时钟的转换，它利用了JavaScript的事件循环机制和定时器（`setTimeout`），确保每秒钟更新一次时钟的显示。通过这种方式，开发者可以创建出具有动态效果的交互式...
javascript做了一个时钟（比较简单的）
fangzhongteng的博客
02-06 364
大家自己下载看看吧，代码有注释，也比较简单，本人新手，各位大侠，看完后给小弟提一点意见！
一个javascript做的时钟
05-31
一个javascript做的时钟请指教
创建一个简单JavaScript时钟
cungui5726的博客
08-22 335
In most cases, showing the current time on a web page is redundant: any visitor already has a dozen ways to tell what time it is. However, building a simple clock is a useful way to learn the basics o...
JS-从简单到复杂的做一个时钟（学习过程）
最新发布
Zertuler的专栏
01-31 1410
这是一篇关于数字时钟的代码分享
JS实现时钟
yacole的专栏
12-14 339
/**** &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() //当时间小于10时，在其...
用js写一个电子时钟
qq_40710210的博客
04-02 1544
用js写一个电子时钟 显示时分秒的电子时钟 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>电子表</title> <style> .box{ width: 200px; ...
使用JS做一个简单的时钟
weixin_41588751的博客
01-06 1511
这是一个简单的小功能,直接上代码,样式可以自己选择 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #timeClock{ ...
JavaScript实现时钟
weixin_44364634的博客
01-25 690
通过JavaScript实现时钟的旋转
用js写一个时钟
05-24
好的，以下是一个简单的基于JS的时钟实现： ```html <!DOCTYPE html> <title>JS Clock body { background-color: #333; color: #fff; font-size: 50px; text-align: center; } ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值