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 相关文章推荐
在线编辑器的实现原理(兼容IE和FireFox)
Mar 09 Javascript
让textarea控件的滚动条怎是位与最下方
Apr 20 Javascript
js 操作select相关方法函数
Dec 06 Javascript
JS 密码强度验证(兼容IE,火狐,谷歌)
Mar 15 Javascript
浅谈关于JavaScript的语言特性分析
Apr 11 Javascript
详解JavaScript函数绑定
Aug 18 Javascript
Js实现动态添加删除Table行示例
Apr 14 Javascript
JS判断移动端访问设备并加载对应CSS样式
Jun 13 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
浅谈Node.js爬虫之网页请求模块
Jan 11 Javascript
layui-laydate时间日历控件使用方法详解
Nov 15 Javascript
使用Vue.observable()进行状态管理的实例代码详解
May 26 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中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
2013/02/14 PHP
php中操作memcached缓存进行增删改查数据的实现代码
2014/08/15 PHP
全面解析PHP面向对象的三大特征
2017/06/10 PHP
一个网页标题title的闪动提示效果实现思路
2014/03/22 Javascript
JavaScript设计模式之策略模式实例
2014/10/10 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
2016/11/24 Javascript
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
get  post jsonp三种数据交互形式实例详解
2017/08/25 Javascript
css和js实现弹出登录居中界面完整代码
2017/11/26 Javascript
angularJS实现动态添加,删除div方法
2018/02/27 Javascript
小程序实现带年月选取效果的日历
2018/06/27 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
2021/02/26 Vue.js
[03:56]DOTA2完美大师赛趣味视频之小鸽子和Mineski打台球
2017/11/24 DOTA
python读写二进制文件的方法
2015/05/09 Python
详细解读Python中解析XML数据的方法
2015/10/15 Python
python将unicode转为str的方法
2017/06/21 Python
Python3多线程操作简单示例
2018/05/22 Python
python实现括号匹配的思路详解
2018/08/23 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
python实现每天自动签到领积分的示例代码
2020/08/18 Python
Python 常用日期处理 -- calendar 与 dateutil 模块的使用
2020/09/02 Python
详解Pytorch显存动态分配规律探索
2020/11/17 Python
Restful_framework视图组件代码实例解析
2020/11/17 Python
python 爬虫请求模块requests详解
2020/12/04 Python
联想台湾官网:Lenovo TW
2018/05/09 全球购物
西班牙家用电器和电子产品购物网站:Mi Electro
2019/02/25 全球购物
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
售后专员岗位职责
2013/12/08 职场文书
优秀教师先进事迹
2014/01/22 职场文书
高二历史教学反思
2014/01/25 职场文书
CAD制图人员的自荐信
2014/02/07 职场文书
见习报告格式要求
2014/11/04 职场文书
体育教师个人总结
2015/02/09 职场文书
简历自我评价模板
2015/03/11 职场文书
污染环境建议书
2015/09/14 职场文书
利用Selenium添加cookie实现自动登录的示例代码(fofa)
2021/05/08 Python