网页中通过JS显示当前时间

如下图所示，在114好帮手的网站顶部，有一个显示时间的效果。该怎么实现呢！

1、需要在网页中构造一个js方法，获取当前时间，并转换为需要的格式。

<script type=”text/javascript”>
function getTime(){
var myDate = new Date;//实例化当前时间戳
var year = myDate.getFullYear(); //获取当前年份
var mon = myDate.getMonth() + 1; //获取当前月份
if(mon<10){
mon=”0″+mon;
}
var date = myDate.getDate(); //获取当前日
if(date<10){
date=”0″+date;
}
var hours = myDate.getHours(); //获取当前小时
if(hours<10){
hours=”0″+hours;
}
var minutes = myDate.getMinutes(); //获取当前分钟
if(minutes<10){
minutes=”0″+minutes;
}
var seconds = myDate.getSeconds(); //获取当前秒
if(seconds<10){
seconds=”0″+seconds;
}
var now = year + “-” + mon + “-” + date + ” ” + hours + “:” + minutes + “:” + seconds;
return now;
}
</script>

复制代码

2、在网页html结构中对应位置上，预览供显示的类标签。比如：<span class=”top_date”></span>

3、在getTime()方法上方，再写一个Jquery方法，在网页结构构造完成后开始调用。

复制代码

$().ready() 标识网页结构加载完成后，就调用的js方法
$(“.top_date”) 是通过Jquery的方法，获取需要操作的html标签
.html（getTime()）是将getTime()函数获取的时间，输出到对应网页标签中。

我爱自学吧