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去空格处理方法
Nov 18 Javascript
javascript比较文档位置
Apr 08 Javascript
不安全的常用的js写法
Sep 15 Javascript
jQuery之排序组件的深入解析
Jun 19 Javascript
浅析jquery某一元素重复绑定的问题
Jan 03 Javascript
深入浅析javascript立即执行函数
Oct 23 Javascript
如何使用Bootstrap创建表单
Mar 29 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
JS从非数组对象转数组的方法小结
Mar 26 Javascript
node实现的爬虫功能示例
May 04 Javascript
vue组件实现进度条效果
Jun 06 Javascript
详解Vue调用手机相机和相册以及上传
May 05 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+ajax实现的点击浏览量加1
2015/04/16 PHP
javascript判断iphone/android手机横竖屏模式的函数
2011/12/20 Javascript
JQuery入门—编写一个简单的JQuery应用案例
2013/01/03 Javascript
浅析JavaScript中的CSS属性及命名规范
2013/11/28 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
微信小程序 网络请求(post请求,get请求)
2017/01/17 Javascript
Nodejs中Express 常用中间件 body-parser 实现解析
2017/05/22 NodeJs
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
2017/07/04 Javascript
JavaScript对JSON数据进行排序和搜索
2017/07/24 Javascript
基于Cookie常用操作以及属性介绍
2017/09/07 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
2017/11/22 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
2019/04/04 Javascript
Vue.extend 编程式插入组件的实现
2019/11/18 Javascript
vue简单封装axios插件和接口的统一管理操作示例
2020/02/02 Javascript
[03:27]最受玩家喜爱奖提名:PZH_Element 致玩家寄语
2016/12/20 DOTA
[01:39:04]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第二场 2月1日
2021/03/11 DOTA
python使用urllib模块开发的多线程豆瓣小站mp3下载器
2014/01/16 Python
Python中的特殊语法:filter、map、reduce、lambda介绍
2015/04/14 Python
python中管道用法入门实例
2015/06/04 Python
vscode 远程调试python的方法
2017/12/01 Python
python实现抽奖小程序
2020/04/15 Python
python 实现朴素贝叶斯算法的示例
2020/09/30 Python
如何在Canvas上的图形/图像绑定事件监听的实现
2020/09/16 HTML / CSS
Speedo澳大利亚官网:全球领先游泳品牌
2018/02/04 全球购物
澳洲健康食品网上商店:Aussie Health Products
2018/06/15 全球购物
Feelunique德国官方网站:欧洲最大的在线美容零售商
2019/07/20 全球购物
建筑班组长岗位职责
2014/01/02 职场文书
烹饪自我鉴定
2014/03/01 职场文书
诚信贷款承诺书
2014/05/30 职场文书
单位未婚证明范本
2014/11/25 职场文书
爱晚亭导游词
2015/02/09 职场文书
放牛班的春天观后感
2015/06/01 职场文书
经典哲理警句:志不真则心不热,心不热则功不贤
2019/11/14 职场文书