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获取div高度的代码
Aug 09 Javascript
JavaScript 常见对象类创建代码与优缺点分析
Dec 07 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
javascript原型链继承用法实例分析
Jan 28 Javascript
jQuery插件支持同一页面被多次调用
Feb 14 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
Dec 24 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
详解基于Node.js的HTTP/2 Server实践
May 31 Javascript
vue中vee validate表单校验的几种基本使用
Jun 25 Javascript
Vue中util的工具函数实例详解
Jul 08 Javascript
基于vue和websocket的多人在线聊天室
Feb 01 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
咖啡知识 除了喝咖啡还有那些知识点
2021/03/06 新手入门
用php+mysql一个名片库程序
2006/10/09 PHP
PHP文章按日期(月日)SQL归档语句
2012/11/29 PHP
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
PHP验证信用卡卡号是否正确函数
2015/05/27 PHP
用roll.js实现的图片自动滚动+鼠标触动的特效
2007/03/18 Javascript
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
2014/01/14 Javascript
JavaScript验证电子邮箱的函数
2014/08/22 Javascript
JavaScript中toString()方法的使用详解
2015/06/05 Javascript
JS控制表单提交的方法
2015/07/09 Javascript
初步了解javascript面向对象
2015/11/09 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
2016/01/04 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
js学习笔记之事件处理模型
2016/10/31 Javascript
Form表单按回车自动提交表单的实现方法
2016/11/18 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
js定时器+简单的动画效果实例
2017/11/10 Javascript
vue中$refs的用法及作用详解
2018/04/24 Javascript
CountUp.js实现数字滚动增值效果
2019/10/17 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
2019/12/15 Javascript
Python中os和shutil模块实用方法集锦
2014/05/13 Python
Python实现的文本编辑器功能示例
2017/06/30 Python
Python UnboundLocalError和NameError错误根源案例解析
2018/10/31 Python
Python自动化完成tb喵币任务的操作方法
2019/10/30 Python
python3 实现调用串口功能
2019/12/26 Python
python实现Oracle查询分组的方法示例
2020/04/30 Python
定义css设备类型-Media Queries图表简介及使用方法
2013/01/21 HTML / CSS
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
电子专业自荐信
2014/07/01 职场文书
2014年护理工作总结范文
2014/11/14 职场文书
2014年化妆品销售工作总结
2014/12/01 职场文书
教师个人年终总结
2015/02/11 职场文书
vue router 动态路由清除方式
2022/05/25 Vue.js
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android