javascript数字时钟示例分享


Posted in Javascript onApril 23, 2014

代码很简单,直接上代码了,大家可以复制下面的代码保存成HTML文件运行看效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body>
<script language="javascript">
function Change(HourSurplus,MinuteSurplus,SecondSurplus)
{ SecondSurplus = SecondSurplus - 1;
 if (SecondSurplus<0)  
 {  
 SecondSurplus=60+SecondSurplus;  
 MinuteSurplus=MinuteSurplus-1;  
 }  
 if (MinuteSurplus<0)  
 {   
 MinuteSurplus=60+MinuteSurplus;  
 HourSurplus=HourSurplus-1;  
 }
 document.getElementById("asd").innerHTML=""+ HourSurplus +":"+ MinuteSurplus +":"+ SecondSurplus +"";
 setTimeout(function() {
 Change(HourSurplus,MinuteSurplus,SecondSurplus);
 },1000);
}

</script>
<span id="asd">11111</span>
<script language="javascript">
Change(1,59,59);
</script>
</body>
</html>
Javascript 相关文章推荐
一些有关检查数据的JS代码
Sep 07 Javascript
JQuery打造PHP的AJAX表单提交实例
Nov 03 Javascript
热点新闻滚动特效的js代码
Aug 17 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
Javascript封装DOMContentLoaded事件实例
Jun 12 Javascript
浅谈javascript中for in 和 for each in的区别
Apr 23 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
BootStrap Validator使用注意事项(必看篇)
Sep 28 Javascript
Bootstrap 网格系统布局详解
Mar 19 Javascript
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
在vue项目中,使用axios跨域处理
Mar 07 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
Apr 23 #Javascript
iframe实用操作锦集
Apr 22 #Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
Apr 22 #Javascript
jquery分页插件jpaginate在IE中不兼容问题
Apr 22 #Javascript
jquery防止重复执行动画避免页面混乱
Apr 22 #Javascript
Area 区域实现post提交数据的js写法
Apr 22 #Javascript
div失去焦点事件实现思路
Apr 22 #Javascript
You might like
PHP 向右侧拉菜单实现代码,测试使用中
2009/11/03 PHP
php中实现简单的ACL 完结篇
2011/09/07 PHP
php cli 小技巧
2013/06/03 PHP
PHP学习笔记(一) 简单了解PHP
2014/08/04 PHP
PHP读取CURL模拟登录时生成Cookie文件的方法
2014/11/04 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
PHP实现二维数组中的查找算法小结
2018/06/09 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
关于javascript模块加载技术的一些思考
2014/11/28 Javascript
JavaScript html5 canvas绘制时钟效果(二)
2016/03/27 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
JS实现关闭当前页而不弹出提示框的方法
2016/06/22 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
gulp安装以及打包合并的方法教程
2017/11/19 Javascript
10个经典的网页鼠标特效代码
2018/01/09 Javascript
Angular Excel 导入与导出的实现代码
2019/04/17 Javascript
JavaScript解析JSON数据示例
2019/07/16 Javascript
Vue使用Ref跨层级获取组件的步骤
2021/01/25 Vue.js
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
[44:09]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第二局
2016/02/25 DOTA
python分析网页上所有超链接的方法
2015/05/08 Python
Python使用CMD模块更优雅的运行脚本
2015/05/11 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
pytorch 求网络模型参数实例
2019/12/30 Python
Python延迟绑定问题原理及解决方案
2020/08/04 Python
HTML实现代码雨源码及效果示例
2020/02/25 HTML / CSS
目标管理责任书
2014/04/15 职场文书
大学生就业求职信
2014/06/12 职场文书
文明社区申报材料
2014/08/21 职场文书
监考失职检讨书
2015/01/26 职场文书
总经理岗位职责
2015/02/04 职场文书
岗位职责范本大全
2015/02/26 职场文书
2019XX公司员工考核管理制度!
2019/08/07 职场文书
Redis延迟队列和分布式延迟队列的简答实现
2021/05/13 Redis
HTML+VUE分页实现炫酷物联网大屏功能
2021/05/27 Vue.js
浅谈TypeScript 索引签名的理解
2021/10/16 Javascript