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 相关文章推荐
身份证号码前六位所代表的省,市,区, 以及地区编码下载
Apr 12 Javascript
JavaScript 面向对象之命名空间
May 04 Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
Aug 23 Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
Apr 12 Javascript
实测jquery data()如何存值
Aug 18 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
May 26 Javascript
js 动态给元素添加、移除事件的实现方法
Jul 19 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 Javascript
layui按条件隐藏表格列的实例
Sep 19 Javascript
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
Vue两种组件类型:递归组件和动态组件的用法
Aug 06 Javascript
JavaScript逻辑运算符相关总结
Sep 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
BBS(php &amp; mysql)完整版(五)
2006/10/09 PHP
mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc的区别
2009/04/24 PHP
基于GD2图形库的PHP生成图片缩略图类代码分享
2015/02/08 PHP
PHP使用strtotime计算两个给定日期之间天数的方法
2015/03/18 PHP
javascript或asp实现的判断身份证号码是否正确两种验证方法
2009/11/26 Javascript
js客户端快捷键管理类的较完整实现和应用
2010/06/08 Javascript
jquery iframe操作详细解析
2013/11/20 Javascript
js通过更改按钮的显示样式实现按钮的滑动效果
2014/04/23 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
2016/06/01 Javascript
解析利用javascript如何判断一个数为素数
2016/12/08 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
node中实现删除目录的几种方法
2019/06/24 Javascript
[10:07]2014DOTA2国际邀请赛 实拍选手现场观战DK对阵Titan
2014/07/12 DOTA
python简单实现旋转图片的方法
2015/05/30 Python
Python利用matplotlib生成图片背景及图例透明的效果
2017/04/27 Python
python3 拼接字符串的7种方法
2018/09/12 Python
python的继承知识点总结
2018/12/10 Python
Django 内置权限扩展案例详解
2019/03/04 Python
python制作填词游戏步骤详解
2019/05/05 Python
PYQT5开启多个线程和窗口,多线程与多窗口的交互实例
2019/12/13 Python
python读取xml文件方法解析
2020/08/04 Python
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
html5 localStorage本地存储_动力节点Java学院整理
2017/07/06 HTML / CSS
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
世界上最值得信赖的多日游在线市场:TourRadar
2018/07/20 全球购物
日本最大的购物网站:日本乐天市场(Rakuten Ichiba)
2020/11/04 全球购物
一道Delphi上机题
2012/06/04 面试题
暑假实习求职信范文
2013/09/22 职场文书
学校后勤岗位职责
2014/02/19 职场文书
面试自我介绍演讲稿
2014/04/29 职场文书
促销活动总结怎么写
2014/06/25 职场文书
物业保安岗位职责
2014/07/02 职场文书
农村党员对照检查材料
2014/09/24 职场文书
城管个人总结
2015/02/28 职场文书
生产设备维护保养制度
2015/08/06 职场文书
AJAX实现省市县三级联动效果
2021/10/16 Javascript