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查看html源文件
Nov 08 Javascript
JS Excel读取和写入操作(模板操作)实现代码
Apr 11 Javascript
JavaScript 打地鼠游戏代码说明
Oct 12 Javascript
jquery加载页面的方法(页面加载完成就执行)
Jun 21 Javascript
ajax 同步请求和异步请求的差异分析
Jul 04 Javascript
jQuery.getScript加载同域JS的代码
Feb 13 Javascript
JavaScript实现多维数组的方法
Nov 20 Javascript
jQuery继承extend用法详解
Oct 10 Javascript
微信小程序 数据交互与渲染实例详解
Jan 21 Javascript
node学习记录之搭建web服务器教程
Feb 16 Javascript
详解Vue使用 vue-cli 搭建项目
Apr 20 Javascript
谈谈vue中mixin的一点理解
Dec 12 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生成随机数的三种方法
2014/09/10 PHP
两千行代码的PHP学习笔记汇总
2014/10/05 PHP
PHP常用处理静态操作类
2015/04/03 PHP
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
thinkphp5框架扩展redis类方法示例
2019/05/06 PHP
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
2014/03/08 Javascript
js中直接声明一个对象的方法
2014/08/10 Javascript
jQuery老黄历完整实现方法
2015/01/16 Javascript
jQuery中extend()和fn.extend()方法详解
2015/06/03 Javascript
AngularJS中的过滤器使用详解
2015/06/16 Javascript
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
angularjs实现时间轴效果的示例代码
2017/11/29 Javascript
jQuery 实现左右两侧菜单添加、移除功能
2018/01/02 jQuery
node跨域转发 express+http-proxy-middleware的使用
2018/05/31 Javascript
layui的table中显示图片方法
2018/08/17 Javascript
Vue源码之关于vm.$delete()/Vue.use()内部原理详解
2019/05/01 Javascript
微信小程序实现消息框弹出动画
2020/04/18 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
2019/09/23 Javascript
vue 中固定导航栏的实例代码
2019/11/01 Javascript
如何在Express4.x中愉快地使用async的方法
2020/11/18 Javascript
Python3的urllib.parse常用函数小结(urlencode,quote,quote_plus,unquote,unquote_plus等)
2016/09/18 Python
Python与人工神经网络:使用神经网络识别手写图像介绍
2017/12/19 Python
Python解决抛小球问题 求小球下落经历的距离之和示例
2018/02/01 Python
Python matplotlib 画图窗口显示到gui或者控制台的实例
2018/05/24 Python
python写一个随机点名软件的实例
2019/11/28 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
美国在线家居装饰店:Belle&June
2018/10/24 全球购物
Tomcat中怎么使用log4j输出所有的log
2016/07/07 面试题
考试不及格的检讨书
2014/01/22 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
css3实现背景图片颜色修改的多种方式
2021/04/13 HTML / CSS
Python图片处理之图片裁剪教程
2021/05/27 Python
利用 JavaScript 构建命令行应用
2021/11/17 Javascript