js实现简单秒表走动的时钟特效


Posted in Javascript onMarch 25, 2020

本文实例介绍了javascript实现简单的秒表走动的时钟特效,分享给大家供大家参考,具体如下:

运行效果图如下:

js实现简单秒表走动的时钟特效

实现代码:

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
 {i="0" + i}
 return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

更多JavaScript时钟特效点击查看:JavaScript时钟特效专题

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript面象对象成员、共享成员变量实验
Nov 19 Javascript
innerText和textContent对比及使用介绍
Feb 27 Javascript
avascript中的自执行匿名函数应用示例
Sep 15 Javascript
JS实现从表格中动态删除指定行的方法
Mar 31 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
jQuery+Ajax实现无刷新操作
Jan 04 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
p5.js实现故宫橘猫赏秋图动画
Oct 23 Javascript
Vue列表如何实现滚动到指定位置样式改变效果
May 09 Javascript
javascript前端和后台进行数据交互方法示例
Aug 07 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
Aug 06 #Javascript
JS实现跟随鼠标的链接文字提示框效果
Aug 06 #Javascript
jquery实现仿新浪微博评论滚动效果
Aug 06 #Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
Aug 06 #Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
Aug 06 #Javascript
JavaScript淡入淡出渐变简单实例
Aug 06 #Javascript
jQuery实现类似老虎机滚动抽奖效果
Aug 06 #Javascript
You might like
做网页的一些技巧(续)
2007/02/01 Javascript
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
jquery form表单序列化为对象的示例代码
2014/03/05 Javascript
浅析JavaScript基本类型与引用类型
2014/05/28 Javascript
Js数组排序函数sort()介绍
2015/06/08 Javascript
教你用javascript实现随机标签云效果_附代码
2016/03/16 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
2016/06/06 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
Bootstrap下拉菜单样式
2017/02/07 Javascript
jQuery实现元素的插入
2017/02/27 Javascript
代码详解JS操作剪贴板
2018/02/11 Javascript
微信小程序之事件交互操作实例分析
2018/12/03 Javascript
微信小程序时间选择插件使用详解
2018/12/28 Javascript
layui 弹出层回调获取弹出层数据的例子
2019/09/02 Javascript
Node.js API详解之 os模块用法实例分析
2020/05/06 Javascript
在Python的Django框架中实现Hacker News的一些功能
2015/04/17 Python
python 读取DICOM头文件的实例
2018/05/07 Python
python实现排序算法解析
2018/09/08 Python
Django框架 查询Extra功能实现解析
2019/09/04 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
django实现日志按日期分割
2020/05/21 Python
python openpyxl模块的使用详解
2021/02/25 Python
cosme官方海外旗舰店:日本最大化妆品和美容产品的综合口碑网站
2017/01/18 全球购物
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
俄罗斯电子产品、计算机和家用电器购物网站:OLDI
2019/10/27 全球购物
编辑硕士自荐信范文
2013/11/27 职场文书
《晏子使楚》教学反思
2014/02/08 职场文书
中职生自荐信范文
2014/06/15 职场文书
陈安之励志演讲稿
2014/08/21 职场文书
2014年党员自我评议(5篇)
2014/09/12 职场文书
教师工作总结范文2014
2014/11/10 职场文书
2014年绿化工作总结
2014/12/09 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
家长会开场白和结束语
2015/05/29 职场文书
python爬虫--selenium模块
2021/03/31 Python
Java实现学生管理系统(IO版)
2022/02/24 Java/Android