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 相关文章推荐
ext监听事件方法[初级篇]
Apr 27 Javascript
JavaScript中两种链式调用实现代码
Jan 12 Javascript
基于Jquery代码实现支持PC端手机端幻灯片代码
Nov 17 Javascript
深入分析Javascript事件代理
Jan 30 Javascript
easyui validatebox验证
Apr 29 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
May 05 Javascript
微信小程序 toast 详解及实例代码
Nov 09 Javascript
JavaScript ES6中CLASS的使用详解
Nov 22 Javascript
JavaScript利用闭包实现模块化
Jan 13 Javascript
100行代码理解和分析vue2.0响应式架构
Mar 09 Javascript
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
vue 组件销毁并重置的实现
Jan 13 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简单分页类实现方法
2015/02/26 PHP
Smarty3配置及入门语法
2017/02/22 PHP
ThinkPHP5框架实现简单的批量查询功能示例
2018/06/07 PHP
php实现二叉树中和为某一值的路径方法
2018/10/14 PHP
更正确的asp冒泡排序
2007/05/24 Javascript
检测是否已安装 .NET Framework 3.5的js脚本
2009/02/14 Javascript
Lazy Load 延迟加载图片的 jQuery 插件
2010/02/06 Javascript
JS控制表单提交的方法
2015/07/09 Javascript
关于JavaScript的变量的数据类型的判断方法
2015/08/14 Javascript
Bootstrap模态对话框的简单使用
2016/04/29 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
JS求解三元一次方程组值的方法
2017/01/03 Javascript
jQuery实现判断控件是否显示的方法
2017/01/11 Javascript
Three.js入门之hello world以及如何绘制线
2017/09/25 Javascript
Angular实现双向折叠列表组件的示例代码
2017/11/21 Javascript
antd Upload 文件上传的示例代码
2018/12/14 Javascript
详解Nodejs get获取远程服务器接口数据
2019/03/26 NodeJs
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
vue-cli webpack配置文件分析
2019/05/20 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
2019/09/27 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
2020/07/28 Javascript
[42:32]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第二场 10.28
2020/10/28 DOTA
python strip() 函数和 split() 函数的详解及实例
2017/02/03 Python
Python随机函数random()使用方法小结
2018/04/29 Python
python获取当前文件路径以及父文件路径的方法
2019/07/10 Python
tensorflow安装成功import tensorflow 出现问题
2020/04/16 Python
python保留格式汇总各部门excel内容的实现思路
2020/06/01 Python
Python Django搭建网站流程图解
2020/06/13 Python
伦敦最有品味的百货:Liberty London
2016/11/12 全球购物
法律工作求职自荐信
2013/10/31 职场文书
企业授权委托书范本
2014/09/22 职场文书
创业计划书之服装
2019/10/07 职场文书
Vue接口封装的完整步骤记录
2021/05/14 Vue.js
MySQL中连接查询和子查询的问题
2021/09/04 MySQL
python中if和elif的区别介绍
2021/11/07 Python