JavaScript知识点：纯js实现动态时间显示-中华考试网

JavaScript知识点：纯js实现动态时间显示

2017-6-19编辑:daibenhua

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

<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();
 
  
  
body>
html>

　　以上就是本文的全部内容，希望对大家的学习有所帮助

JavaScript知识点：js自定义Tab选项卡效果

不改变语言如何助推Java的不断演进

JavaScript知识点：纯js实现动态时间显示

热点推荐