如何仅显示 html 中当前日期时间的时间部分答案

【问题标题】：how can show only time part only from the current datetime in html如何仅显示 html 中当前日期时间的时间部分
【发布时间】：2020-07-17 11:27:15
【问题描述】：

如何在 div 标签下的 html 中仅显示当前日期时间的时间部分。我调用了函数但没有调用javascript函数

@section Scripts{
    <script type="text/javascript">
       

        function startTime() {
            var today = new Date();
            var h = today.getHours();
            var m = today.getMinutes();
            var s = today.getSeconds();
            m = checkTime(m);
            s = checkTime(s);
            document.getElementById('txt').innerHTML =
                h + ":" + m + ":" + s;
            var t = setTimeout(startTime, 500);
        }
        function checkTime(i) {
            if (i < 10) { i = "0" + i };  // add zero in front of numbers < 10
            return i;
        }
    </script>
}

 <div class="row">
            <div class="col-md-2">
                <h2><b>Place</b></h2>
                <div>startTime()</div>
                     
            </div>
  </div>

【问题讨论】：

你能详细说明你到底想要什么。
你需要使用 javascript 并且这个问题已经在堆栈溢出时得到了回答：stackoverflow.com/questions/23910990/…
我只想显示 datetime.now 的时间部分。它不需要增加时间间隔。只想显示 datetime.now 的时间部分
w3schools.com/js/tryit.asp?filename=tryjs_timing_clock 试试这个
我尝试调用java脚本函数还是不行。我已经给出了我的代码

标签： html asp.net-core view

【解决方案1】：

可能你忘记给div设置id="txt"了，别忘了在<body>里面写onload="startTime()"，这样就可以调用javascript了。

以下是我的demo，希望对你有帮助：

查看：

<body onload="startTime()">
<div class="row">
    <div class="col-md-2">
        <h2><b>Place</b></h2>
        <div id="txt">            
        </div>
    </div>
</div>   
</body>

@section Scripts{
    <script type="text/javascript">

        function startTime() {
            var today = new Date();
            var h = today.getHours();
            var m = today.getMinutes();
            var s = today.getSeconds();
            m = checkTime(m);
            s = checkTime(s);
            document.getElementById('txt').innerHTML =
                h + ":" + m + ":" + s;
            var t = setTimeout(startTime, 500);
        }
        function checkTime(i) {
            if (i < 10) { i = "0" + i };  // add zero in front of numbers < 10
            return i;
        }

     </script>
}

结果：

【讨论】：