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 firefox不显示本地预览图片问题的解决方法
Nov 12 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
Mar 15 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
May 07 Javascript
js身份证判断方法支持15位和18位
Mar 18 Javascript
js定时调用方法成功后并停止调用示例
Apr 08 Javascript
一个css与js结合的下拉菜单支持主流浏览器
Oct 08 Javascript
JavaScript基本语法讲解
Jun 03 Javascript
简单谈谈Javascript中类型的判断
Oct 19 Javascript
详解JS中Array对象扩展与String对象扩展
Jan 07 Javascript
js简单设置与使用cookie的方法
Jan 22 Javascript
jQuery使用unlock.js插件实现滑动解锁
Apr 04 jQuery
Vue 页面权限控制和登陆验证功能的实例代码
Jun 20 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
PHP 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
django中的ajax组件教程详解
2018/10/18 PHP
javascript控制frame,iframe的src属性代码
2009/12/31 Javascript
js操作textarea 常用方法总结
2012/12/03 Javascript
可选择和输入的下拉列表框示例
2013/11/05 Javascript
浅析JS运动
2015/12/28 Javascript
基于jquery实现的仿优酷图片轮播特效代码
2016/01/13 Javascript
详解Angularjs filter过滤器
2016/02/06 Javascript
Bootstrap零基础入门教程(三)
2016/07/18 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
2016/08/02 Javascript
jQuery实现边框动态效果的实例代码
2016/09/23 Javascript
JS中检测数据类型的几种方式及优缺点小结
2016/12/12 Javascript
详解如何去除vue项目中的#——History模式
2017/10/13 Javascript
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
React中的render何时执行过程
2018/04/13 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
如何解决vue2.0下IE浏览器白屏问题
2018/09/13 Javascript
微信小程序保存多张图片的实现方法
2019/03/05 Javascript
node省市区三级数据性能测评实例分析
2019/11/06 Javascript
python中执行shell命令的几个方法小结
2014/09/18 Python
[原创]教女朋友学Python3(二)简单的输入输出及内置函数查看
2017/11/30 Python
利用python实现在微信群刷屏的方法
2019/02/21 Python
如何利用Python 进行边缘检测
2020/10/14 Python
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
2012/12/28 HTML / CSS
canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
2018/01/10 HTML / CSS
GafasWorld哥伦比亚:网上购买眼镜
2017/11/28 全球购物
Clos19英国:高档香槟、葡萄酒和烈酒在线购物平台
2020/07/10 全球购物
比较基础的php面试题及答案-编程题
2012/10/14 面试题
表决心的诗句大全
2014/03/11 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
离职证明标准格式
2014/09/15 职场文书
2014年小学工作总结
2014/11/26 职场文书
社会治安综合治理责任书
2015/01/29 职场文书
基层党支部承诺书
2015/04/30 职场文书
如何在CSS中绘制曲线图形及展示动画
2021/05/24 HTML / CSS