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表单提交的代码
Sep 13 Javascript
优化innerHTML操作(提高代码执行效率)
Aug 20 Javascript
javascript替换已有元素replaceChild()使用介绍
Apr 03 Javascript
JavaScript显示表单内元素数量的方法
Apr 02 Javascript
jQuery时间轴插件使用详解
Jul 16 Javascript
artDialog+plupload实现多文件上传
Jul 19 Javascript
微信小程序中显示html格式内容的方法
Apr 25 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
Aug 07 Javascript
微信小程序实现手势滑动卡片效果
Aug 26 Javascript
JavaScript实现放大镜效果代码示例
Apr 29 Javascript
一行JavaScript代码如何实现瀑布流布局
Dec 11 Javascript
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
May 25 Vue.js
使用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桌面中心(四) 数据显示
2007/03/11 PHP
总结PHP删除字符串最后一个字符的三种方法
2016/08/30 PHP
php中static和const关键字用法分析
2016/12/07 PHP
js获取变量
2006/08/24 Javascript
JQuery魔力之$(&quot;tagName&quot;)与selector
2012/03/05 Javascript
基于dom编程中 动态创建与删除元素的使用
2013/04/17 Javascript
javascript 回到顶部效果的实现代码
2014/02/17 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
JS实现的竖向折叠菜单代码
2015/10/21 Javascript
深入浅析Node.js 事件循环
2015/12/20 Javascript
全面解析Bootstrap中transition、affix的使用方法
2016/05/30 Javascript
JS阻止事件冒泡行为和闭包的方法
2016/06/16 Javascript
JS匿名函数实例分析
2016/11/26 Javascript
JavaScript实现替换字符串中最后一个字符的方法
2017/03/07 Javascript
详解nodejs爬虫程序解决gbk等中文编码问题
2017/04/06 NodeJs
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
JavaScript设计模式之享元模式实例详解
2019/01/17 Javascript
vue+elementUi图片上传组件使用详解
2019/08/20 Javascript
python实现文件名批量替换和内容替换
2014/03/20 Python
Python中的startswith和endswith函数使用实例
2014/08/25 Python
对于Python异常处理慎用“except:pass”建议
2015/04/02 Python
Python实现将目录中TXT合并成一个大TXT文件的方法
2015/07/15 Python
python 3利用BeautifulSoup抓取div标签的方法示例
2017/05/28 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
浅谈numpy数组中冒号和负号的含义
2018/04/18 Python
Python实现接受任意个数参数的函数方法
2018/04/21 Python
pytorch torchvision.ImageFolder的用法介绍
2020/02/20 Python
SVG实现多彩圆环倒计时效果的示例代码
2017/11/21 HTML / CSS
美国CVS药店官网:CVS Pharmacy
2018/07/26 全球购物
ECCO俄罗斯官网:北欧丹麦鞋履及皮具品牌
2020/06/26 全球购物
2014高考励志标语
2014/06/05 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
2014年安全生产工作总结
2014/11/13 职场文书
党风廉政建设个人总结
2015/03/06 职场文书
学会用Python实现滑雪小游戏,再也不用去北海道啦
2021/05/20 Python
python字符串的多行输出的实例详解
2021/06/08 Python