我coudn't输出我在javascript中创建的变量。我想输出它在一个文本

Question

它的工作，如果我使用document.write（“”+小时+“：”+分钟+“”+后缀+“”）;但我想输出它在一个文本框。我尝试过创建一个var然后得到它，但没有任何反应。

<script type="text/javascript"> 
var currentTime = new Date() 
var hours = currentTime.getHours() 
var minutes = currentTime.getMinutes() 

if (minutes < 10){ 
    minutes = "0" + minutes; 
} 
var suffix = "AM"; 
if (hours >= 12) { 
    suffix = "PM"; 
    hours = hours - 12; 
} 
if (hours == 0) { 
    hours = 12; 
} 

document.getElementById("time").value = ("<b>" + hours + ":" + minutes + " " + suffix + "</b>"); 
</script> 

MY HTML代码：

<div class="form-group"> 
    <label for="Time">Time: </label> 
    <input style="margin-left: 50px;" name="time" id="time" type="text" class="form-control form-control-inline" readonly> 
</div> 

Answer 1

<script type="text/javascript"> 
    document.addEventListener("DOMContentLoaded", function(event) { 
    var currentTime = new Date() 
    var hours = currentTime.getHours() 
    var minutes = currentTime.getMinutes() 

    if (minutes < 10){ 
    minutes = "0" + minutes; 
    } 
    var suffix = "AM"; 
    if (hours >= 12) { 
    suffix = "PM"; 
    hours = hours - 12; 
    } 
    if (hours == 0) { 
    hours = 12; 
    } 
    document.getElementById("time").value = ("" + hours + ":" + minutes + " " + suffix + ""); 
    });