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 相关文章推荐
JavaScript Konami Code 实现代码
Jul 29 Javascript
正则表达式搭配js轻松处理json文本方便而老古
Feb 17 Javascript
jquery结合CSS使用validate实现漂亮的验证
Jan 29 Javascript
javascript 闭包详解
Feb 15 Javascript
举例详解JavaScript中Promise的使用
Jun 24 Javascript
基于JavaScript怎么实现让歌词滚动播放
Nov 03 Javascript
Jquery实现纵向横向菜单
Jan 24 Javascript
jQuery简单实现提交数据出现loading进度条的方法
Mar 29 Javascript
Three.js学习之几何形状
Aug 01 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
Dec 21 Javascript
js中创建对象的几种方式
Feb 05 Javascript
JavaScript设计模式之观察者模式实例详解
Jan 16 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实现的随机广告显示代码
2007/06/14 PHP
php zend解密软件绿色版测试可用
2008/04/14 PHP
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
解析PHP中的file_get_contents获取远程页面乱码的问题
2013/06/25 PHP
在php和MySql中计算时间差的方法详解
2015/03/27 PHP
php实现图片转换成ASCII码的方法
2015/04/03 PHP
PHP+apc+ajax实现的ajax_upload上传进度条代码
2016/01/25 PHP
js取得url地址参数实例
2013/02/22 Javascript
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
javascript如何操作HTML下拉列表标签
2015/08/20 Javascript
jQuery实现自动调用和触发某个事件的方法
2016/11/18 Javascript
npm 下载指定版本的组件方法
2018/05/17 Javascript
vue基础之v-bind属性、class和style用法分析
2019/03/11 Javascript
vue动画效果实现方法示例
2019/03/18 Javascript
Jquery如何使用animation动画效果改变背景色的代码
2020/07/20 jQuery
[04:45]上海特级锦标赛主赛事第三日TOP10
2016/03/05 DOTA
python实现的二叉树算法和kmp算法实例
2014/04/25 Python
Python中的并发编程实例
2014/07/07 Python
Python编程中实现迭代器的一些技巧小结
2016/06/21 Python
Pycharm学习教程(2) 代码风格
2017/05/02 Python
详解Django rest_framework实现RESTful API
2018/05/24 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
对python 通过ssh访问数据库的实例详解
2019/02/19 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
利用CSS的Sass预处理器(框架)来制作居中效果
2016/03/10 HTML / CSS
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
澳大利亚最便宜的网上药房:Chemist Warehouse
2020/01/30 全球购物
开展批评与自我批评发言材料
2014/10/17 职场文书
水知道答案观后感
2015/06/08 职场文书
2016教师节问候语
2015/11/10 职场文书
劳务派遣管理制度(样本)
2019/08/23 职场文书
SpringCloud Alibaba 基本开发框架搭建过程
2021/06/13 Java/Android
mysql优化之query_cache_limit参数说明
2021/07/01 MySQL