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>

相关文章

  • JavaScript中变量的作用域详解

    JavaScript中变量的作用域详解

    本文详细讲解了JavaScript中变量的作用域,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • 四种参数传递的形式——URL,超链接,js,form表单

    四种参数传递的形式——URL,超链接,js,form表单

    本文介绍了四种参数传递的形式,并给出了URL,超链接,js,form表单传参方式,需要的朋友可以参考下
    2015-07-07
  • javascript 函数介绍

    javascript 函数介绍

    在JavaScript中,定义函数最常用的方法就是调用function语句。该语句是由function关键字构成的,也是很重要的函数复用。
    2009-09-09
  • javascript冒泡排序小结

    javascript冒泡排序小结

    冒泡排序由于比较简单和容易理解,往往会成为人们首先想到的排序算法。最基本的想法就是在一次里面比较两个数字,并且确保他们在移动到其他项目之前有一个正确的顺序。在每一关结束,有价值的“排序”到正确的位置,最终只留下其他项目排序。
    2016-04-04
  • JavaScript全局函数使用简单说明

    JavaScript全局函数使用简单说明

    JavaScript下比较常用的一些字符处理等函数,学习js的朋友经常用得到。
    2011-03-03
  • javascript的数组方法大全

    javascript的数组方法大全

    这篇文章主要为大家介绍了javascript的数组方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • 详细讲解JS节点知识

    详细讲解JS节点知识

    最近发现DOMDocument对象很重要,还有XMLHTTP也很重要
    2010-01-01
  • js onkeypress与onkeydown 事件区别详细说明

    js onkeypress与onkeydown 事件区别详细说明

    本文将详细介绍js onkeypress与onkeydown 事件区别:一个放开一个没有放开,onkeydown先于onkeypress 发生,需要的朋友可以参考下
    2012-12-12
  • 深入理解JavaScript系列(43):设计模式之状态模式详解

    深入理解JavaScript系列(43):设计模式之状态模式详解

    这篇文章主要介绍了深入理解JavaScript系列(43):设计模式之状态模式详解,状态模式(State)允许一个对象在其内部状态改变的时候改变它的行为,对象看起来似乎修改了它的类,需要的朋友可以参考下
    2015-03-03
  • JavaScript基础教程——入门必看篇

    JavaScript基础教程——入门必看篇

    下面小编就为大家带来一篇JavaScript基础教程——入门必看篇。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05

最新评论