当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 纯js实现动态时间显示

纯js实现动态时间显示

2017年12月12日  | 移动技术网IT编程  | 我要评论

本文实例为大家分享了js动态时间显示 的具体代码，供大家参考，具体内容如下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js动态时间显示 </title>
</head>

<body id = "show">
 
<script>
 
 
 function run(){
 var time = new date();//获取系统当前时间
 var year = time.getfullyear();
 var month = time.getmonth()+1;
 var date= time.getdate();//系统时间月份中的日
 var day = time.getday();//系统时间中的星期值
 var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
 var week = weeks[day];//显示为星期几
 var hour = time.gethours();
 var minutes = time.getminutes();
 var seconds = time.getseconds();
 console.log(seconds);
 if(month<10){
 month = "0"+month; 
 }
 if(date<10){
 date = "0"+date; 
 }
 if(hour<10){
 hour = "0"+hour; 
 }
 if(minutes<10){
 minutes = "0"+minutes; 
 }
 if(seconds<10){
 seconds = "0"+seconds; 
 }
 //var newdate = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
 document.getelementbyid("show").innerhtml = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
 settimeout('run()',1000);
 }
 
 run();

 
 
</script>
</body>
</html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网