Question

有人可以帮我解决这个问题。我希望单词和时间在同一行滚动，因为我所做的那个没有连接在一起。

    <!DOCTYPE html>
<html>
<head>
    <title>Time</title>
</head>
<body>

<marquee bgcolor="blue" width"1000" height="50"> 
<script>
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><body onload="startTime()"> <div id="txt"></div> Philippine Standard Time (GMT+0800)</marquee>

</body>
</html>

Answer 1

 <!DOCTYPE html>
<html>
<head>
    <title>Time</title>
</head> 


<body onload="startTime()"> 
<marquee bgcolor="blue" width"1000" height="50"> 
<div>
  <span id="txt"></span>
  <span>Philippine Standard Time (GMT+0800)</span>
</div>
</marquee>

<script>
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>

</body>
</html>

Answer 2

尝试为其他文字内嵌显示div添加样式#txt { display: inline-block; }。

Answer 3

这是代码......

<!DOCTYPE html>
<html>
<head>
    <title>Time</title>
</head>
<body>

<marquee bgcolor="blue" width"1000" height="50"> 
<script>
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 + " Philippine Standard Time (GMT+0800)";
    var t = setTimeout(startTime, 500);
}
function checkTime(i) {
    if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
    return i;

}
</script><body onload="startTime()"> <div id="txt"></div>  </marquee>

</body>
</html>

不是使用Javascript单独加载时间，而是使用HTML加载其他字符串，您最好使用Javascript。希望它有所帮助...

我希望句子和时间在同一行

3 个答案: