html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

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>

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助