JQuery编写的定时器实现时钟

Jonny Lin

于 2017-06-15 22:20:55 发布

阅读量621

点赞数

CC 4.0 BY-SA版权

分类专栏：前段Jquery 文章标签： jquery 定时器时钟

本文链接：https://blog.youkuaiyun.com/xhl_james/article/details/73303180

前段Jquery 专栏收录该内容

6 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>定时器制作时钟</title>
<script type="text/javascript" src="Jquery/jquery.js"></script>
<script type="text/javascript" src="Jquery/jquery.timers-1.2.js"></script>
<style>
input[type="text"]{
font-family: "仿宋";
font-size: 132px;
color: #00FFFF;
opacity: 0.5;
border: none;
}
</style>
</head>
<body>
<input type="text" id="txtdt" value=""/>
<script>
$(document).ready(function() {
$('body').everyTime('1s', function() {
var d = new Date();
$("#txtdt").val(d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds() );
});
})
</script>
</body>
</html>

运行后的结果展示：