javascript数字时钟示例分享
更新时间:2014年04月23日 10:21:22 作者:
这篇文章主要介绍了javascript数字时钟示例,需要的朋友可以参考下
代码很简单,直接上代码了,大家可以复制下面的代码保存成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>
相关文章
js onkeypress与onkeydown 事件区别详细说明
本文将详细介绍js onkeypress与onkeydown 事件区别:一个放开一个没有放开,onkeydown先于onkeypress 发生,需要的朋友可以参考下2012-12-12深入理解JavaScript系列(43):设计模式之状态模式详解
这篇文章主要介绍了深入理解JavaScript系列(43):设计模式之状态模式详解,状态模式(State)允许一个对象在其内部状态改变的时候改变它的行为,对象看起来似乎修改了它的类,需要的朋友可以参考下2015-03-03
最新评论