Javascript 一行文字

我真的没有什么编程经验，但是，我愿意学习——我找到了倒计时时钟的代码，但是文本的排列方式不是我想要的。我希望它是：

仅限

**1905**
截止2018年6月1日的天数

然后把它放在中心。它是中心的，但计数器的最后一部分本身堆叠。以下是我正在使用的代码：

<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>

只有
var now=新日期（）；
//将此值设置为倒计时日期。
var=新日期（“2018年6月1日”）；
var gap=then.getTime（）-now.getTime（）；
间隙=数学地板（间隙/（1000*60*60*24））；
文件。编写（gap）；
直到

2018年6月1日

您发现的代码显然很古老，但问题在于行中的

标记：

<br>June 1, 2018 </b>

2018年6月1日

这是一个HTML换行符。卸下它，线路将不会中断。

尝试以下操作：

<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>

只有
****
直到
var countNode、targetDateNode、now、then、gap、monthNames；
monthNames=[]；
月推（“一月”）；
月推（“二月”）；
月推（“三月”）；
月推（“四月”）；
月推（“五月”）；
月推（“六月”）；
月推（“七月”）；
月推（“八月”）；
月推（九月）；
月推（“十月”）；
月推（11月）；
月推（12月）；
countNode=document.getElementById（'countdown'）；
targetDateNode=document.getElementById（'targetDate'）；
现在=新日期（）；
//将此值设置为倒计时日期。
然后=新日期（“2018年6月1日”）；
gap=then.getTime（）-now.getTime（）；
间隙=数学地板（间隙/（1000*60*60*24））；
countNode.innerHTML=gap；
targetDateNode.innerHTML=monthNames[then.getMonth（）]+''+then.getDay（）+'，'+then.getFullYear（）；

center

和

font

标记不推荐使用。。。。所以不要使用它们。使用CSS。