使用JQuery制作一个动态时钟
2019-10-27 15:17
1381 查看
代码如下：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.3.1.js"></script>
</head>
<body>
<div id="show">
</div>
<script>
var hour="8";
var min="12";
var sen="43";
function showTime(){
sen++;
if(sen>=60){
min++;
sen=0;
}
if(min>=60){
hour++;
min=0;
}
if(hour>=24){
hour=0;
}
var dateStr = (hour<10?("0"+hour):hour)+":"+(min<10?("0"+min):min)+":"+(sen<10?("0"+sen):sen);
$("#show").text(dateStr);
}
setInterval(function(){
showTime();
},1000);
</script>
</body>
</html>
因没有添加背景表盘 时钟过于简陋 谢谢！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 学习使用JQuery来制作一个动态表格
- 使用jQuery动态创建一个表格，根据用户数输入的内容添加一行数据
- 使用 CSS & jQuery 制作一款漂亮的多彩时钟
- 使用jquery写一个热键(J/K)动态滚动浏览插件
- 使用Jquery向一个空白网页动态创建一个iframe,及嵌入页面,和向嵌入页面传参
- 使用jQuery动态创建一个表格，根据用户数输入的内容添加一行数据
- 使用jQuery和CSS3制作数字时钟
- 通过制作一个简单的时钟学习WPF中DispatcherTimer的使用 Level 100
- 使用Jquery向一个空白网页动态创建一个iframe,及嵌入页面,和向嵌入页面传参
- 一个使用svg做的动态时钟--svg clock
- 使用jQuery动态创建一个表格（根据用户输入的内容添加一行数据，并且能逐行删除）
- 报表制作一 基于jquery.flot.js制作一个动态报表
- 使用jQuery和CSS3制作数字时钟(jQuery篇) 附源码下载
- 利用CSS3制作一个动态时钟
- 使用jQuery和CSS3制作数字时钟(jQuery篇) 附源码下载
- 使用jQuery插件开发一个完整验证功能的超酷动态留言版系统
- CSS3和jQuery动态时钟制作过程
- 使用jquery制作动态加载型菜单
- 使用jquery打造一个动态的预览产品颜色效果
- 使用jQuery制作高级炫酷吊炸天表单，页面加载完成文本框获得焦点，文本框设置默认文本，文本字数动态显示.....