在网页的特定位置放个时钟是不是很Happy,好吧~无需复杂的 Javascript脚本,而用简单美观的jQuery来实现吧~
在运行代码前,必须加载jQuery库,
比如加载个谷歌的jQuery库.
<code><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script></code>
首先创建DIV标签,并赋个id=”timer”的属性。
诸如
<code><div id="timer"></div></code>
好,接下来就是JS了,添加到相应的位置和文件中。
<code><script type="text/javascript">function currentTime(){
var d = new Date(),str = '';
str += d.getFullYear()+'年';
str += d.getMonth() + 1+'月';
str += d.getDate()+'日';
str += d.getHours()+'时';
str += d.getMinutes()+'分';
str+= d.getSeconds()+'秒';
return str;
}
setInterval(function(){$('#timer').html(currentTime)},1000);
</script></code>
var d = new Date(),str = '';
str += d.getFullYear()+'年';
str += d.getMonth() + 1+'月';
str += d.getDate()+'日';
str += d.getHours()+'时';
str += d.getMinutes()+'分';
str+= d.getSeconds()+'秒';
return str;
}
setInterval(function(){$('#timer').html(currentTime)},1000);
</script></code>
好了,可以实现诸如以下效果
效果怎么样??