JS之网页上制作钟表

利用JS的最基础功能，在网页上制作一个钟表。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>钟表</title>
<script>
function startTime(){var today=new Date();var h=today.getHours();var m=today.getMinutes();var s=today.getSeconds();// 在小于10的数字钱前加一个‘0’m=checkTime(m);s=checkTime(s);document.getElementById('txt').innerHTML=h+":"+m+":"+s;t=setTimeout(function(){startTime()},500);
}
// function time(){
//  setInterval('startTime()',500);
//  } //或者在方法外使用setInterval
function checkTime(i){if (i<10){i="0" + i;}return i;
}
</script>
</head>
<body οnlοad="startTime()">
<!-- <body οnlοad="time()"> --><div id="txt"></div></body>
</html>

JS之网页上制作钟表相关推荐

超方便的验证码套件Captcha Genie，帮你轻松在网页上制作出图片验证码！（上）
大家都应该看过网路上有形形色色的图片验证码(Captcha),用来防止一些机器人程式恶意去网页上留言或注册,浪费系统的资源.但是如果你自己有开发网页程式,要如何在自己的网页上设计出又简单.又有效的验证 ...
JS实例:网页上图片延迟加载的JS代码
网页制作Webjx文章简介:大家如果使用firebug去查看的话就会发现,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加 ...
用html5做一个视频网页,如何使用HTML5在网页上制作交互式视频？
您可以创建点倾斜相机的错觉这样我是不是从你的职位肯定,如果你已经有代码在画布上呈现视频.如果您需要了解如何在画布上显示视频,请参阅以下教程:http://html5doctor.com/video- ...
超方便的验证码套件Captcha Genie，帮你轻松在网页上制作出图片验证码！（下）
四.验证输入结果当使用者输入了验证码之后,我们必须在网页表单送出的PHP程式中进行验证,程式的写法是: session_start(); $Code = $_REQUEST["Turin ...
360环物如何发布html,制作网页上的360度旋转全景图PixMaker使用详细教程
PixMaker是一个简单方便的360度全景图片制作软件,它可以将描写一个环型场景的多个连续图片无缝地接合在一起,形成一个360度"场景"图片.可以在网页上播放,使你的页面更加生动 ...
手机端GSP地图的定位并且在网页上显示地图的轨迹
百度地图定位手机端功能开发: 第一步:申请百度的开发者密钥http://developer.baidu.com/map/android-mobile-apply-key.htm 申请到开发API的ke ...
小妙招，在禁止复制粘贴的网页上复制粘贴内容
小妙招,在禁止复制的网页上复制内容有些时候,有些网页,是吧你懂的,想复制或者粘贴东西都不让复制粘贴.虽然有一些现有的插件啥的下载了能够解决,但是不同的网页如果都要下载插件岂不是有点麻烦. 教程先f ...
网页实现制作一个小日历
在网页上制作一个日历,利用jquery实现它,其实也不是很困难,参照网上的部分思想自己再深加工,一个精美的日历也就能呈现了接下来谈谈实现它的函数思想 var date = new Date();va ...
CSS与JS结合制作钟表
CSS结合JS来制作钟表,算是比较好的熟悉CSS 与 JS 结合的艺术表达. 布局上定义一个大个div 里面套一个ul用来制作表盘的60个竖线再套四个div 分别对应时针分针秒针和中间圆点. ...

JS之网页上制作钟表

JS之网页上制作钟表相关推荐

最新文章

热门文章