没有秒的Javascript时钟

时间:2014-02-28 15:57:02

标签: javascript clock

我在网上找到了this script,并将自己的图片添加到其中。唯一的问题是每当我尝试删除它var seconds=Digital.getSeconds()时它不再起作用,这意味着它会停止更新。

但是,当我将脚本保持原始格式时,时钟会进行实时更新。如何让时钟每分钟更新一次?我只想要时间和分钟。

2 个答案:

答案 0 :(得分:2)

这里的代码实际上正常工作(虽然我仍然不喜欢document.images ......但它会这样做)

var imgs = {}, i;
for( i=0; i<10; i++) {
    imgs[i] = new Image();
    imgs[i].src = "c"+i+".gif";
}
imgs.blank = new Image(); imgs.blank.src = "cb.gif";
imgs.am = new Image(); imgs.am.src = "cam.gif";
imgs.pm = new Image(); imgs.pm.src = "cpm.gif";

function extract(h,m,s,dn){
    document.images.a.src = imgs[Math.floor(h/10) || "blank"].src;
    document.images.b.src = imgs[h%10].src;

    document.images.d.src = imgs[Math.floor(m/10)].src;
    document.images.e.src = imgs[m%10].src;

    document.images.g.src = imgs[Math.floor(s/10)].src;
    document.images.h.src = imgs[s%10].src;

    if( dn=="AM") document.images.j.src = imgs.am.src;
    else document.images.j.src = imgs.pm.src;
}
function show3(){
    var Digital = new Date(),
        h = Digital.getHours(),
        m = Digital.getMinutes(),
        s = Digital.getSeconds(),
        dn = h >= 12 ? "PM" : "AM";
    extract( h%12 || 12, m, s, dn)
    setTimeout(show3,1000);
}

现在,如果你想摆脱秒,请注释掉这些行:

//    document.images.g.src = imgs[Math.floor(s/10)].src;
//    document.images.h.src = imgs[s%10].src;

并从HTML源中删除gh张图片。

答案 1 :(得分:0)

你不能删除秒,他们需要每60秒增加一分钟。但你可以选择不显示它们。

但是考虑到脚本,你会得到一个更好的结果,使用setIntervalDate作为A1rPun说。