我想在我的离子应用程序中添加一个数字时钟。但这不起作用

Question

我需要帮助以在我的应用中显示数字时钟，请您帮助完善我的代码。或者用ionic4和typescript向我推荐另一个代码。谢谢您的帮助。

page.html

<ion-content onload="startTime()" >

    <div id="txt"></div>

</ion-content>

page.ts

startTime() {

    var today = new Date();

    var h = today.getHours();

    var m = today.getMinutes();

    var s = today.getSeconds();

    m = this.checkTime(m);

    s = this.checkTime(s);

    document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;

    var t = setTimeout(this.startTime, 500);

    }

checkTime(i) {

    if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10

    return i;
}

Answer 1

AngularJS：数字时钟指令版本

网站https://embed.plnkr.co/UHyar4/