简单的计时器 jQuery
- 只显示当前的时分秒,以下代码直接运行即可
只显示当前的时分秒,以下代码直接运行即可
关键起作用的就是这个函数 setInterval(),第二个参数1000代码1000毫秒,也就是1秒,调用一下函数 f(),
id为timer里面的内容就被替换为最新的时间
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="http://www.jq22.com/jquery/jquery-2.1.1.js"></script>
</head>
<body>
<div id="timer"><div>
<script type="text/javascript">
function f() {
var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
var str = h + ':' + m + ':' + s;
$('#timer').text(str);
}
setInterval(f, 1000);
</script>
</body>
</html>