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 相关文章推荐
快速保存网页中所有图片的方法
Jun 23 Javascript
js计数器代码
Nov 04 Javascript
javascript闭包的理解和实例
Aug 12 Javascript
JQuery创建DOM节点的方法
Jun 11 Javascript
node.js入门实例helloworld详解
Dec 23 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
Javascript之Math对象详解
Jun 07 Javascript
Javascript发送AJAX请求实例代码
Aug 21 Javascript
Bootstrap警告(Alerts)的实现方法
Mar 22 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
Nov 25 Javascript
使用原生JS实现滚轮翻页效果的示例代码
May 31 Javascript
vue抽出组件并传值实例
Jul 31 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
神族 Protoss 历史背景
2020/03/14 星际争霸
PHP迭代器的内部执行过程详解
2013/11/12 PHP
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
日常整理PHP中简单的图形处理(经典)
2015/10/26 PHP
为Yahoo! UI Extensions Grid增加内置的可编辑器
2007/03/10 Javascript
js cookies 常见网页木马挂马代码 24小时只加载一次
2009/04/13 Javascript
通过DOM脚本去设置样式信息
2010/09/19 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
2012/10/11 Javascript
用于deeplink的js方法(判断手机是否安装app)
2014/04/02 Javascript
jquery滚动特效集锦
2015/06/03 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
VUE前端cookie简单操作
2017/10/17 Javascript
vue中SPA单页面应用程序详解
2017/11/07 Javascript
详解redis在nodejs中的应用
2018/05/02 NodeJs
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
Vue 数据响应式相关总结
2021/01/28 Vue.js
[02:15]2014DOTA2国际邀请赛 赛后退役选手回顾
2014/08/01 DOTA
[01:00:11]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第一场 2月7日
2021/03/11 DOTA
Python网络编程中urllib2模块的用法总结
2016/07/12 Python
Python引用传值概念与用法实例小结
2017/10/07 Python
python多进程提取处理大量文本的关键词方法
2018/06/05 Python
TensorFlow实现模型评估
2018/09/07 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
详解python中的模块及包导入
2019/08/30 Python
Python基于requests实现模拟上传文件
2020/04/21 Python
python 实现Requests发送带cookies的请求
2021/02/08 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
纯CSS3打造属于自己的“小黄人”
2016/03/14 HTML / CSS
html5拖曳操作 HTML5实现网页元素的拖放操作
2013/01/02 HTML / CSS
HTML5 贪吃蛇游戏实现思路及源代码
2013/09/03 HTML / CSS
Python文件操作的面试题
2013/06/22 面试题
小区门卫管理制度
2014/01/29 职场文书
学校标语大全
2014/06/19 职场文书
反邪教观后感
2015/06/11 职场文书
python如何利用traceback获取详细的异常信息
2021/06/05 Python