足球游戏_中国足彩网¥体育资讯$

一款js动态数字时钟
来源:易贤网 阅读:2714 次 日期:2015-09-02 15:30:04
温馨提示:易贤网小编为您整理了“一款js动态数字时钟”,方便广大网友查阅!

代码如下:

<html>

<head>

<title>一款js动态数字时钟丨站长技术教程网</title>

<style type="text/css">

body{

font:bolder 20px 微软雅黑;

}

</style>

<script type="text/javascript">

window.onload = function(){

var spans = document.getElementsByTagName("span");

function upDate(){

var date = new Date();

for(var i = 0; i<spans.length;i++){

var str=toDouble(date.getHours())+toDouble(date.getMinutes())+toDouble(date.getSeconds());

spans[i].innerHTML = str.charAt(i);

}

}

setInterval(upDate,1000);

upDate();

}

function toDouble(number){

if(number <10){

return "0"+number;

}

else return ""+number;

}

</script>

</head>

<body>

<span>0</span>

<span>0</span>点

<span>0</span>

<span>0</span>分

<span>0</span>

<span>0</span>秒

</body>

</html>

中国足彩网信息请查看IT技术专栏

中国足彩网信息请查看网页制作
上一篇:CSS3数字时钟
易贤网手机网站地址:一款js动态数字时钟
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 新媒体/短视频平台 | 手机站点

版权所有:易贤网