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实现计算两个日期的间隔天数
Aug 14 Javascript
jquery DOM操作 基于命令改变页面
May 06 Javascript
JQuery live函数
Dec 24 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
详解JavaScript中的every()方法
Jun 08 Javascript
JS实现微信里判断页面是否被分享成功的方法
Jun 06 Javascript
React Native 环境搭建的教程
Aug 19 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
Sep 14 Javascript
puppeteer库入门初探
Jan 09 Javascript
vue iview多张图片大图预览、缩放翻转
Jul 13 Javascript
Vue中对iframe实现keep alive无刷新的方法
Jul 23 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
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模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
谈谈新手如何学习PHP 默默经典版本
2009/08/04 PHP
php下使用strpos需要注意 === 运算符
2010/07/17 PHP
不支持fsockopen但支持culr环境下下ucenter与modoer通讯问题
2011/08/12 PHP
学习php中的正则表达式
2014/08/17 PHP
PHP处理会话函数大总结
2015/08/05 PHP
PHP记录页面停留时间的方法
2016/03/30 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
JavaScript中的Window窗口对象
2008/01/16 Javascript
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
使用AJAX实现Web页面进度条的实例分享
2016/05/06 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
详解vue服务端渲染(SSR)初探
2017/06/19 Javascript
gulp构建小程序的方法步骤
2019/05/31 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
2020/05/13 Javascript
基于ajax实现上传图片代码示例解析
2020/12/03 Javascript
[04:13]2014DOTA2国际邀请赛 专访DC目前形势不容乐观
2014/07/12 DOTA
python 示例分享---逻辑推理编程解决八皇后
2014/07/20 Python
介绍Python中几个常用的类方法
2015/04/08 Python
高效使用Python字典的清单
2018/04/04 Python
python实现切割url得到域名、协议、主机名等各个字段的例子
2019/07/25 Python
Pytorch.nn.conv2d 过程验证方式(单,多通道卷积过程)
2020/01/03 Python
Python sklearn库实现PCA教程(以鸢尾花分类为例)
2020/02/24 Python
python 制作简单的音乐播放器
2020/11/25 Python
世界上最大的曲棍球商店:Pro Hockey Life
2017/10/30 全球购物
标准化管理实施方案
2014/02/25 职场文书
应届毕业生应聘自荐信范文
2014/02/26 职场文书
中国好声音华少广告词
2014/03/17 职场文书
春季防火方案
2014/05/10 职场文书
倡议书范文大全
2015/04/28 职场文书
工厂员工辞职信范文
2015/05/12 职场文书
工作自我评价范文
2019/03/21 职场文书
Python pygame实现中国象棋单机版源码
2021/06/20 Python