JavaScript-数码时钟

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数码时钟</title>
    <script type="text/javascript">
        /*数字不满足两位的前面加个0*/
        function toDou(n){
            if(n<10){
                return '0'+n;
            }else{
                return ''+n;
            }
        }        /*str[i] 就等于 str.charAt(i)      兼容性问题*/
        window.onload = function(){
            var aImg = document.getElementsByTagName('img');
            function tick(){
                var oDate = new Date();
                var str=toDou(oDate.getHours())+toDou(oDate.getMinutes())+toDou(oDate.getSeconds());
                for(var i=0;i<aImg.length;i++){
                    aImg[i].src='img/'+str.charAt(i)+'.png';
                }
            }
            setInterval(tick,1000);

JavaScript-数码时钟相关推荐

JS制作日历小事件和数码时钟--JavaScript实例集锦（初学）
运用JS的innerHTML,和for循环实现日历小部件内容和日期的转换. <!DOCTYPE html> <html> <head><title>日历 ...
JavaScript之数码时钟
下面,我就教大家如何利用JavaScript做一个简单的数码时钟. 在做之前我们需要在网上找到从0-9的10张数字图片,保存到一个文件夹里面,并将数字图片对应为相应的数字,作为我们的素材工具. 具体步 ...
基于JavaScript的数码时钟
用JavaScript+html+css做的一个简易的数码时钟,具有一定的观赏性,Demo效果: 具体步骤如下: 数码时钟的做法思路就是:给出六张图片,分别对应"时分秒"六个数字, ...
javascript实现的数码时钟
*注意每个分割图片和时间显示图片的位置  <!-- <script type="text/javascript&q ...
JavaScript的时钟小程序
效果如下图所示(每一秒刷新一次): 详细代码如下: <!DOCTYPE html> <html><head><title>JavaScript的时钟小程 ...
java数字时钟代码,[Java教程]Javascript 数字时钟
[Java教程]Javascript 数字时钟 0 2012-10-14 22:00:11 Javascript代码部分: 在body标签中添加以下Html代码: 本文网址:http://www.sh ...
html如何添加时钟效果,五步轻松实现JavaScript HTML时钟效果
这篇文章主要为大家详细介绍了五步轻松实现JavaScript HTML时钟效果的代码,具有一定的参考和学习JavaScript的价值,对JavaScript感兴趣的小伙伴们可以参考一下本篇文章学了一 ...
简单的JavaScript模拟时钟
文章目录一.示例二.源码一.示例 JavaScript时钟二.源码 html部分 <!DOCTYPE html> <html lang="en">& ...
如何用iframe标签以及Javascript制作时钟？
如何利用iframe标签以及Javascript制作时钟? 如何制作一个时钟呢?效果如下图所示: 这里的时钟会不停的走,但是下面的页面是不会变得,这样就实现了我们想要的效果了.下面我将分为以下几个方面 ...
HTML5实现一个时钟动画,javascript实现时钟动画
本文实例为大家分享了javascript实现时钟动画的具体代码,供大家参考,具体内容如下时针转动 * { margin: 0; padding: 0; } body, html { height: ...

JavaScript-数码时钟

JavaScript-数码时钟相关推荐

最新文章

热门文章