17、带图像显示的数字时钟及 JavaScript 基础概念

QuietPulse

于 2025-12-02 14:51:22 发布

阅读量8

点赞数

CC 4.0 BY-SA版权

分类专栏：解锁JavaScript的奥秘文章标签：数字时钟 JavaScript 图像显示

本文链接：https://blog.youkuaiyun.com/c2d3e4f/article/details/155561589

解锁JavaScript的奥秘专栏收录该内容

19 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

带图像显示的数字时钟及 JavaScript 基础概念

带图像显示的数字时钟

在网页中实现一个带图像显示的数字时钟，需要用到 HTML 和 JavaScript 代码，同时还需要一些特定的图像文件。

代码实现

以下是完整的代码：

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var d=new Array();
for(i=0;i<10;i++) {
    d[i]=new Image();
    d[i].src="dgt"+i+".gif";
}
var pm=new Image;
pm.src="dgtp.gif";
var am=new Image;
am.src="dgta.gif";
var dates,min,sec,hour;
var amPM="am";
function clock() {
    dates=new Date();
    hour=dates.getHours();
    min=dates.getMinutes();
    sec=dates.getSeconds();
    if(hour < 12) {
        amPM=am.src;
    }
    if(hour > 11) {
        amPM=pm.src;
        hour=hour-12;
    }
    if(hour == 0) {
        hour=12;
    }
    if(hour < 10) {