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 相关文章推荐
基于jquery创建的一个图片、视频缓冲的效果样式插件
Aug 28 Javascript
iframe窗口高度自适应的实现方法
Jan 08 Javascript
jQuery实现MSN中文网滑动Tab菜单效果代码
Sep 09 Javascript
浅析Bootstrap验证控件的使用
Jun 23 Javascript
简单分析javascript中的函数
Sep 10 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
Sep 27 Javascript
基于AngularJS前端云组件最佳实践
Oct 20 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
Nov 07 Javascript
详解Bootstrap各式各样的按钮(推荐)
Dec 13 Javascript
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
Aug 25 Javascript
Vue中使用clipboard实现复制功能
Sep 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
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
Hutia 的 JS 代码集
2006/10/24 Javascript
jQuery 动画弹出窗体支持多种展现方式
2010/04/29 Javascript
js的逻辑运算符 ||
2010/05/31 Javascript
一个基于jquery的文本框记数器
2012/09/19 Javascript
jQuery.validate 常用方法及需要注意的问题
2013/03/20 Javascript
jquery设置元素的readonly和disabled的写法
2013/09/22 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
jquery中ready()函数执行的时机和window的load事件比较
2015/06/22 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
2016/05/31 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
2016/10/01 Javascript
从零学习node.js之模块规范(一)
2017/02/21 Javascript
nodejs中安装ghost出错的原因及解决方法
2017/10/23 NodeJs
基于Vue制作组织架构树组件
2017/12/06 Javascript
详解如何在vue项目中引入elementUI组件
2018/02/11 Javascript
js jquery 获取某一元素到浏览器顶端的距离实现方法
2018/09/05 jQuery
记一次vue-webpack项目优化实践详解
2019/02/17 Javascript
如何从头实现一个node.js的koa框架
2019/06/17 Javascript
laydate只显示时分 不显示秒的功能实现方法
2019/09/28 Javascript
linux服务器快速卸载安装node环境(简单上手)
2021/02/22 Javascript
Python脚本实现格式化css文件
2015/04/08 Python
用python代码将tiff图片存储到jpg的方法
2018/12/04 Python
keras load model时出现Missing Layer错误的解决方式
2020/06/11 Python
python利用tkinter实现图片格式转换的示例
2020/09/28 Python
用CSS3实现Win8风格的方格导航菜单效果
2013/04/10 HTML / CSS
HTML5全屏(Fullscreen)API详细介绍
2015/04/24 HTML / CSS
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
卫校毕业生自我鉴定
2013/10/31 职场文书
初中体育教学反思
2014/01/14 职场文书
五年级科学教学反思
2014/02/05 职场文书
简单的辞职信怎么写
2015/02/28 职场文书
月考总结与反思
2015/10/22 职场文书
纪检干部学习心得体会
2016/01/23 职场文书
浅谈CSS不规则边框的生成方案
2021/05/25 HTML / CSS
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL
java调用Restful接口的三种方法
2021/08/23 Java/Android