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 条件注释详解总结(附实例代码)
Aug 29 Javascript
js中escape对应的C#解码函数 UrlDecode
Dec 16 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
May 11 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
Mar 15 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
May 09 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
Jun 01 Javascript
vue 文件目录结构详解
Nov 24 Javascript
Vue filter介绍及详细使用
Apr 04 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
Oct 11 Javascript
详解微信小程序调用支付接口支付
Apr 28 Javascript
Vue Element UI自定义描述列表组件
May 18 Vue.js
使用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循环跳出的问题
2013/07/01 PHP
深入解析Session是否必须依赖Cookie
2013/08/02 PHP
实例介绍PHP的Reflection反射机制
2014/08/05 PHP
PHP程序员必须清楚的问题汇总
2014/12/18 PHP
PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法
2014/12/25 PHP
php编程每天必学之表单验证
2016/03/01 PHP
ajax调用返回php接口返回json数据的方法(必看篇)
2017/05/05 PHP
javascript随机将第一个dom中的图片添加到第二个div中示例
2013/10/08 Javascript
Tab切换组件(选项卡功能)实例代码
2013/11/21 Javascript
在页面加载完成后通过jquery给多个span赋值
2014/05/21 Javascript
基于jQuery实现下拉框
2014/11/24 Javascript
javascript实现按回车键切换焦点
2015/02/09 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
2016/12/07 Javascript
AngularJS 打开新的标签页实现代码
2017/09/07 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
详解weex默认webpack.config.js改造
2018/01/08 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
如何解决.vue文件url引用文件的问题
2019/01/18 Javascript
图文讲解vue的v-if使用方法
2019/02/11 Javascript
javascript判断一个变量是数组还是对象
2019/04/10 Javascript
JS实现简易计算器
2020/02/14 Javascript
详解JavaScript中的链式调用
2020/11/27 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
Python中方法链的使用方法
2016/02/23 Python
Python3+Requests+Excel完整接口自动化测试框架的实现
2019/10/11 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
浅谈tensorflow模型保存为pb的各种姿势
2020/05/25 Python
CSS3动画animation实现云彩向左滚动
2014/05/09 HTML / CSS
一篇文章带你学习CSS3图片边框
2020/11/04 HTML / CSS
HTML5 video标签(播放器)学习笔记(二):播放控制
2015/04/24 HTML / CSS
美国摩托车头盔、零件、齿轮及配件商店:Cycle Gear
2019/06/12 全球购物
大学活动总结模板
2014/07/10 职场文书
小学校长汇报材料
2014/08/20 职场文书
环境卫生倡议书
2014/08/29 职场文书
给校长的建议书作文400字
2015/09/14 职场文书