显示当前时间代码

来源：互联网发布：mybatis 源码编辑：程序博客网时间：2024/05/18 03:24

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

<!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