JavaScript时钟的CSS或JavaScript文本转换

我用Javascript制作了一个时钟。这很简单

var today=新日期； var h； 如果today.getHours==0h='12'； 否则，如果today.getHours<12小时=today.getHours； 否则如果today.getHours==12h='12'； else h=today.getHours-12； var-m； 如果today.getMinutes<10 m='0'+today.getMinutes； else m=today.getMinutes； var s； 如果today.getSeconds<10秒=today.getSeconds； else s=today.getSeconds； document.getElementById'time'。innerHTML=h+'：'+m+'：'+s； 时间{ 顶部：20px； 左：7px； 宽度：320px； 字体大小：40px； 文本对齐：左对齐； 字体系列：“Segoe UI Light”； }

---

你想要这个？您的原始代码不适用于额外的零。这意味着这段代码是从头开始编写的

时钟使用JS+CSS

JS

---

jsfiddle:

由于您的问题中没有html，因此没有大量的CSS或javascript会产生任何转换。您没有显示代码中显示时间的部分。都不是改变时间的那个。简短：您显示的代码与问题无关。@JaromandaX:很抱歉。我已经在我的问题中编辑了相关的HTML和CSS。你的代码片段不起作用？@DanielCheung我不知道如何使用这个网站，对不起。我真的很困惑。哇，你真的为我写了这些吗？为了一个三次被否决的职位？我真的对你的努力感到惊讶。非常感谢你。我可以从这段代码中学到很多东西。太神奇了。我不知道该如何感谢你。不幸的是，我只投了很少的一票，因为我没有足够的声望，所以这一票根本没有显示出来：/@JonesBill，不客气。我相信每个人的生活都有一个开始，他们都需要帮助。这个平台不应该是一个小社区，也应该帮助那些不知道的人：

var c = document.getElementById("clock");
Date.prototype.hhmmss = function() {
    var hh = this.getHours().toString();
    var mm = this.getMinutes().toString();
    var ss  = this.getSeconds().toString();
    return (hh[1]?hh:"0"+hh[0]) + ":" + (mm[1]?mm:"0"+mm[0]) + ":" + (ss[1]?ss:"0"+ss[0]);
};
function clock(){
    c.innerHTML += ("<span class='tick'>"+ new Date().hhmmss()+"</span>");
    setTimeout(function(){     
        var old = c.getElementsByClassName("tick")[0];
        old.className += " remove";
        setTimeout(function(){
            var old = c.getElementsByClassName("tick")[0];
            old.parentNode.removeChild(old);
        },250);
    }, 750);
}
var x = setInterval(function(){clock()}, 1000);

.tick {
    animation: appear 0.25s ease-out;
    transition: all 0.25s ease-out;
    display:block;
    position:absolute;
    top:0;
    left:0;
}

.tick.remove {
    opacity:0
}

@keyframes appear {
    0% {
        opacity:0; 
    }
    100% {
        opacity:1;
    }
}