显示当前时间代码

原创 2016年08月30日 09:43:17

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

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JS显示当前日期和时间的代码(包括农历星期等)

用JS调用当前的时间,调用效果如下: 2011年3月24日 18:04 星期四 辛卯年(兔) 二月廿 酉时 var CalendarData=new Array(20); v...
  • kuqoi
  • kuqoi
  • 2011-11-22 09:59
  • 1402

php 获取当前时间的毫秒数程序代码

在php中获取时间日期我们可以使用date函数,如果获取毫秒可以使用time但不能具体分出来,下面我来介绍一些php获取当前时间毫秒的实例。 php本身没有提供返回毫秒数的函数,但提供了一个mi...

获取系统当前时间代码

  • 2012-12-09 15:15
  • 1.79MB
  • 下载

天气预报执行计划及完成程度+简单而又不简单获取当前时间和解析农历时间的纯JAVA代码

1. insert into weather_android_info (select * from weather_info); insert into weather_android_now_...

java获取当前时间代码

  • 2012-06-24 17:39
  • 19KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)