0

プログラミングの経験はほとんどありませんが、喜んで学びます。カウントダウン時計のコードを見つけましたが、テキストが思い通りに配置されていません。私はそれが欲しい:

         Only
       **1905**
Days Until June 1, 2018

そして、それをすべて中央に配置します。中央に配置されていますが、カウンターの最後の部分はスタックします。私が使用しているコードは次のとおりです。

<center>
    <font color="Turquoise"size="5">
    <b>
    Only
    <font color="red"size="6">
    <SCRIPT LANGUAGE = "JavaScript">
        var now = new Date();
        // set this value to the countdown date.
        var then = new Date("June 1, 2018");
        var gap = then.getTime() - now.getTime();
        gap = Math.floor(gap / (1000 * 60 * 60 * 24));
        document.write(gap); 
    </SCRIPT>
    <font color="turquoise"size="5">
    Days Until 
    <font color="6600FF"size="5">
    <br>June 1, 2018 </b>
</center>
</font>
4

2 に答える 2

2

あなたが見つけたそのコードは明らかに古いものですが、問題は<br>次の行のタグです:

<br>June 1, 2018 </b>

これは HTML の改行です。それを取り除くと、ラインは壊れません。

于 2013-03-14T00:21:45.577 に答える
0

これを試して:

<div style='text-align: center'>
    <div>Only</div>
    <div><span>**</span><span id='countdown'></span><span>**</span></div>
    <div><span>Days Until </span><span id='targetDate'></span></div>
</div>
<script type='text/javascript'>
    var countNode, targetDateNode, now, then, gap, monthNames;
monthNames = [];
monthNames.push('January');
monthNames.push('February');
monthNames.push('March');
monthNames.push('April');
monthNames.push('May');
monthNames.push('June');
monthNames.push('July');
monthNames.push('August');
monthNames.push('September');
monthNames.push('October');
monthNames.push('November');
monthNames.push('December');
countNode = document.getElementById('countdown');
targetDateNode = document.getElementById('targetDate');

now = new Date();
// set this value to the countdown date.
then = new Date('June 1, 2018');
gap = then.getTime() - now.getTime();
gap = Math.floor(gap / (1000 * 60 * 60 * 24));
countNode.innerHTML = gap;
targetDateNode.innerHTML = monthNames[then.getMonth()] + ' ' + then.getDay() + ', ' + then.getFullYear();
</script>
于 2013-03-14T00:46:10.680 に答える