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 汉字字节判断
Aug 01 Javascript
JavaScript中setAttribute用法介绍
Jul 20 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
Dec 01 Javascript
纯Javascript实现ping功能的方法
Mar 20 Javascript
PageSwitch插件实现100种不同图片切换效果
Jul 28 Javascript
JS产生随机数的几个用法详解
Jun 22 Javascript
微信小程序 传值取值的几种方法总结
Jan 16 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
Mar 09 Javascript
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
Dec 03 Javascript
详解vue-cli3开发Chrome插件实践
May 29 Javascript
浅谈javascript事件环微任务和宏任务队列原理
Sep 12 Javascript
javascript全局自定义鼠标右键菜单
Dec 08 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判断搜索引擎蜘蛛并自动记忆到文件的代码
2012/02/04 PHP
PHP的Yii框架的基本使用示例
2015/08/21 PHP
laravel 操作数据库常用函数的返回值方法
2019/10/11 PHP
laravel中Redis队列监听中断的分析
2020/09/14 PHP
IE Firefox 使用自定义标签的区别
2009/10/15 Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2011/08/23 Javascript
jQuery数据缓存功能的实现思路及简单模拟
2013/05/27 Javascript
JS通过相同的name进行表格求和代码
2013/08/18 Javascript
JS中表单的使用小结
2014/01/11 Javascript
javascript实现滚动效果的数字时钟实例
2016/07/21 Javascript
Jquery表单验证失败后不提交的解决方法
2016/10/18 Javascript
js图片放大镜实例讲解(必看篇)
2017/07/17 Javascript
JavaScript数组去重的多种方法(四种)
2017/09/19 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
node.js使用http模块创建服务器和客户端完整示例
2020/02/10 Javascript
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
python 自动化将markdown文件转成html文件的方法
2016/09/23 Python
python爬虫基本知识
2018/03/05 Python
学生信息管理系统python版
2018/10/17 Python
python使用matplotlib绘制热图
2018/11/07 Python
Python从单元素字典中获取key和value的实例
2018/12/31 Python
python tkinter实现彩球碰撞屏保
2019/07/30 Python
基于python进行抽样分布描述及实践详解
2019/09/02 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
python自动结束mysql慢查询会话的实例代码
2019/10/27 Python
Python爬虫入门有哪些基础知识点
2020/06/02 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
CSS3实现多背景模拟动态边框的效果
2016/11/08 HTML / CSS
使用phonegap查找联系人的实现方法
2017/03/31 HTML / CSS
来自圣地亚哥的实惠太阳镜:Knockaround
2018/08/27 全球购物
亚洲在线旅行门户网站:Expedia.com.hk(智游网)
2020/04/14 全球购物
18岁生日感言
2014/01/12 职场文书
预备党员承诺书
2014/03/25 职场文书
员工薪酬激励方案
2014/06/13 职场文书
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js