上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属性设置网页内容。