当前位置:小鱼儿玄机二站 > 计算机网络 > JS实现日期时间动态显示的方法,纯js实现动态时

JS实现日期时间动态显示的方法,纯js实现动态时

文章作者:计算机网络 上传时间:2019-09-03

本文实例讲述了JS实现日期时间动态显示的方法。分享给大家供大家参考,具体如下:

本文实例为大家分享了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>

图片 1

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

具体代码如下:

您可能感兴趣的文章:

  • 纯JS实现动态时间显示代码
  • 基于javascript实现动态显示当前系统时间
  • JS动态获取当前时间,并写到特定的区域
  • html+js实现动态显示本地时间
  • js显示动态时间的方法详解
  • JS动态日期时间的获取方法
  • javascript页面动态显示时间变化示例代码
  • JS实现日期时间动态显示的方法
  • js实现动态显示时间效果
  • JavaScript实现同步于本地时间的动态时间显示方法
  • JS实现HTML页面中动态显示当前时间完整示例
<html>
<head>
<title>js日期时间动态显示</title>
</head>
<body>
  <div id='jnkc'></div>
  <script>setInterval("jnkc.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
  </script>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

  • 纯JS实现动态时间显示代码
  • 基于javascript实现动态显示当前系统时间
  • JS动态获取当前时间,并写到特定的区域
  • html+js实现动态显示本地时间
  • js显示动态时间的方法详解
  • 纯js实现动态时间显示
  • JS动态日期时间的获取方法
  • javascript页面动态显示时间变化示例代码
  • js实现动态显示时间效果
  • JavaScript实现同步于本地时间的动态时间显示方法
  • JS实现HTML页面中动态显示当前时间完整示例

本文由小鱼儿玄机二站发布于计算机网络,转载请注明出处:JS实现日期时间动态显示的方法,纯js实现动态时

关键词: