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 相关文章推荐
图片完美缩放
Sep 07 Javascript
基于Jquery的温度计动画效果
Jun 18 Javascript
使用Post提交时须将空格转换成加号的解释
Jan 14 Javascript
不要使用jQuery触发原生事件的方法
Mar 03 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
Apr 08 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
Mar 26 Javascript
3个可以改善用户体验的AngularJS指令介绍
Jun 18 Javascript
jQuery实现的导航下拉菜单效果
Jul 04 Javascript
JS实现复制内容到剪贴板功能
Feb 05 Javascript
JS简单获取当前日期和农历日期的方法
Apr 17 Javascript
浅析vue给不同环境配置不同打包命令
Aug 17 Javascript
node.js express框架实现文件上传与下载功能实例详解
Oct 15 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中的函数嵌套层数限制分析
2011/06/13 PHP
php模板原理讲解
2013/11/13 PHP
php检测useragent版本示例
2014/03/24 PHP
php的curl封装类用法实例
2014/11/07 PHP
PHP判断网络文件是否存在的方法
2015/03/12 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
PHP正则匹配到2个字符串之间的内容方法
2018/12/24 PHP
Laravel如何实现自动加载类
2019/10/14 PHP
jquery $.ajax相关用法分享
2012/03/16 Javascript
JQuery中使文本框获得焦点的方法实例分析
2015/02/28 Javascript
浅析javascript中的DOM
2015/03/01 Javascript
jQuery获取checkboxlist的value值的方法
2015/09/27 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
JS中作用域和变量提升(hoisting)的深入理解
2016/10/31 Javascript
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
vue基于Vue2.0和高德地图的地图组件实例
2017/04/28 Javascript
vue移动端裁剪图片结合插件Cropper的使用实例代码
2017/07/10 Javascript
js自定义弹框插件的封装
2020/08/24 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
浅谈Webpack 持久化缓存实践
2018/03/22 Javascript
JSON字符串操作移除空串更改key/value的介绍
2019/01/05 Javascript
微信小程序实现单选选项卡切换效果
2020/06/19 Javascript
JavaScript实现放大镜效果代码示例
2020/04/29 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
Python设计模式之代理模式简单示例
2018/01/09 Python
Python3.5文件修改操作实例分析
2019/05/01 Python
python tkinter实现界面切换的示例代码
2019/06/14 Python
Django微信小程序后台开发教程的实现
2020/06/03 Python
突袭HTML5之Javascript API扩展5—其他扩展(应用缓存/服务端消息/桌面通知)
2013/01/31 HTML / CSS
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
土耳其玩具商店:Toyzz Shop
2019/08/02 全球购物
Ibatis中如何提高SQL Map的性能
2013/05/11 面试题
c++工程师面试问题
2013/08/04 面试题
转让协议书范本
2014/09/13 职场文书
普通党员四风问题对照检查材料
2014/09/27 职场文书
教师个人事迹材料
2014/12/17 职场文书