JavaScript+jQuery网页特效设计任务驱动教程
上QQ阅读APP看书,第一时间看更新

任务2-1 显示常规格式的当前日期与时间

在网页中显示如下形式的当前日期和时间。

当前日期和时间:2018/9/16 上午10:15:51

对应的JavaScript代码如表2-1所示。

表2-1 网页中显示常规格式的当前日期与时间的JavaScript代码

网页中对应的HTML代码如下所示。

<div id="nowclock"> 
       <span class="red" >当前日期和时间:</span>2018 年 01 月 01 日 00 时 00 分 00 秒 
</div>

也可以使用以下代码实现类似功能。

<div id="showtime" > 
   <script> 
       setInterval("showtime.innerHTML='当前日期和时间:' 
              + new Date().toLocaleString()" , 1000); 
   </script> 
</div>

表2-1中的代码解释如下。

(1)02~06行为自定义函数tick()的代码。

(2)03行使用Date()对象创建了一个日期对象示例。

(3)04行调用计时方法每秒钟调用一次函数tick()。

(4)05行使用网页元素的innerHTML属性设置网页内容。