编程 Javascript

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 相关文章推荐

Sample script that deletes a SQL Server database

Jun 16 Javascript

纯JS实现的批量图片预览加载功能

Aug 14 Javascript

JQuery+DIV自定义滚动条样式的具体实现

Jun 25 Javascript

js中小数转换整数的方法

Jan 26 Javascript

js实现仿京东2级菜单效果(带延时功能)

Aug 27 Javascript

jQuery链式操作实例分析

Nov 16 Javascript

jQuery1.9.1源码分析系列（十六）ajax之ajax框架

Dec 04 Javascript

JS基础随笔(菜鸟必看篇)

Jul 13 Javascript

原生态js,鼠标按下后,经过了那些单元格的简单实例

Aug 11 Javascript

Bootstrap入门教程一Hello Bootstrap初识

Mar 02 Javascript

jQuery实现的简单图片轮播效果完整示例

Feb 08 jQuery

angular *Ngif else用法详解

Dec 15 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