如何将三位数毫秒转换为两位数并更新到特定 span 元素?

如何将三位数毫秒转换为两位数并更新到特定 span 元素?

如何把三位数的毫秒变为二位数的

把三位数的毫秒变为二位数的,可以在获取到毫秒数时通过代码判断,如果毫秒数大于等于 100,则取后面两位,否则,前面补 0,然后取两位,例如:

var ms = 123;
var newms = ms >= 100 ? ms.tostring().slice(-2) : "0" + ms.tostring().slice(-1);

如何把每个单位的时间放在特定span上面。

可以通过 dom 操作的方法把时间值更新到特定的 span 元素中。例如,我们有一个时钟的 html 代码如下:

<div class="clockrun">
    <span class="tuan" id="j_tuantime"></span>
    <span class="num" id="j_timehour"></span>
    <span class="dot">:</span>
    <span class="num" id="j_timemin"></span>
    <span class="dot">:</span>
    <span class="num" id="j_timesec"></span>
    <span class="dot">:</span>
    <span class="num" id="j_timewsec"></span>
</div>

然后可以通过如下代码把时间更新到指定的 span 元素中:

// 假设我们获取到的时间数据为:
var data = {
    hour: "01",
    min: "38",
    sec: "17",
    ms: "07"
};

// 更新时钟
document.getElementById("J_TimeHour").innerHTML = data.hour;
document.getElementById("J_TimeMin").innerHTML = data.min;
document.getElementById("J_TimeSec").innerHTML = data.sec;
document.getElementById("J_TimeWSec").innerHTML = data.ms;

以上就是如何将三位数毫秒转换为两位数并更新到特定 span 元素?的详细内容,更多请关注其它相关文章!