关闭

显示当前时间代码

47人阅读 评论(0) 收藏 举报

一个一直刷新显示当前时间的代码,点击开始屏幕开始一直刷新当前时间,开始按钮变成结束,点击结束按钮时间停止,按钮变成开始,一直循环。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
   var times;
//定义一个choose方法,来判断当前的状态。
function choose(){

//如果是开始则执行start(),状态变为结束
if(document.getElementById(2).value == "开始"){
document.getElementById(2).value = "结束";
start();
}

否则如果是结束则执行end(),,状态变为开始

else {

document.getElementById(2).value = "开始";
end();
}
}

//开始方法。
function start(){


var sss;
var ddd;
var mmm;

定义一个time来接受新建的Date对象,但是格式为美国格式,转换一下。
var time = new Date();

/*alert(time); Tue Aug 30 2016 09:47:35 GM+0800(中国国标准时间)*/
var yy = time.getFullYear();
var mm = time.getMonth()+1;
var dd = time.getDay();

//如果获取的day为0-10以内的,则在其前面加一个0
if(dd<10&&dd>=0){
var ddd="0"+dd;
}else{ddd=dd;
}

var hh = time.getHours();

var m = time.getMinutes();
if(m<10&&m>=0){
mmm ="0"+m;
}else{
mmm = m;}
var ss = time.getSeconds();
if(ss<10&&ss>=0){
sss ="0"+ss;
}else{ sss=ss;
}
var ms = time.getMilliseconds();
var mss;
if(ms<10&&ms>=0){
mss="00"+ms;
}else if(ms>=10&&ms<100){
mss="0"+ms;
}else{
mss = ms;
}

//在p中显示
var p = document.getElementById(1);
p.innerHTML = yy+"年"+mm+"月"+ddd+"日"+hh+"小时"+mmm+"分钟"+sss+"秒"+mss+"毫秒";

//以1ms的频率一致执行这个start()方法
times=window.setTimeout("start()",1);

}

//结束方法,结束上面的times
function end(){
window.clearTimeout(times);

}


</script>
</head>
<body>
<input type="button" id = "2" value="开始" onclick="choose()" />
<p id = "1"></p>
</body>
</html>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:739次
    • 积分:84
    • 等级:
    • 排名:千里之外
    • 原创:8篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条