当前位置: 首页 > 编程笔记 >

javascript显示动态时间的方法汇总

宣滨海
2023-03-14
本文向大家介绍javascript显示动态时间的方法汇总,包括了javascript显示动态时间的方法汇总的使用技巧和注意事项,需要的朋友参考一下

1.第一种方法

<table>
<tr>
<td>当前时间:</td>
<td id="CurrentTime"></td>
<script type="text/javascript">
function changetime(){
var ary = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var Timehtml = document.getElementById('CurrentTime');
var date = new Date();
Timehtml.innerHTML = ''+date.toLocaleString()+' '+ary[date.getDay()];
}
</script> 
</tr>
</table>

2.第二种方法

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="gb2312">
<title></title>
<script type="text/javascript"> 
window.onload=function(){ 
setInterval(function(){ 
var date=new Date(); 
var year=date.getFullYear(); //获取当前年份 
var mon=date.getMonth()+1; //获取当前月份 
var da=date.getDate(); //获取当前日 
var day=date.getDay(); //获取当前星期几 
var h=date.getHours(); //获取小时 
var m=date.getMinutes(); //获取分钟 
var s=date.getSeconds(); //获取秒 
var d=document.getElementById('Date'); 
d.innerHTML='当前时间:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s; },1000) }
</script>
</head>
<body>
<div id="Date"> </div>
</body>
</html>

3.第一种方法

<!DOCTYPE html> 
<html> 
<body> 
<div id="show"></div>

<script type="text/javascript"> 
window.onload = function() { 
var show = document.getElementById("show"); 
setInterval(function() { 
var time = new Date(); // 程序计时的月从0开始取值后+1 
var m = time.getMonth() + 1; 
var t = time.getFullYear() + "-" + m + "-"

time.getDate() + " " + time.getHours() + ":"
time.getMinutes() + ":" + time.getSeconds(); 
show.innerHTML = t; 
}, 1000); 
};
</script>
</body> 
</html>
 类似资料:
  • 本文向大家介绍Java实现时间动态显示方法汇总,包括了Java实现时间动态显示方法汇总的使用技巧和注意事项,需要的朋友参考一下 本文所述实例可以实现Java在界面上动态的显示时间。具体实现方法汇总如下: 1.方法一 用TimerTask: 利用java.util.Timer和java.util.TimerTask来做动态更新,毕竟每次更新可以看作是计时1秒发生一次。 代码如下: 继承TimerTa

  • 本文向大家介绍JavaScript实现同步于本地时间的动态时间显示方法,包括了JavaScript实现同步于本地时间的动态时间显示方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现同步于本地时间的动态时间显示方法。分享给大家供大家参考。具体分析如下: 动态显示时间的例子非常简单,了解JavaScript之后就是几行的代码便能够完成的事情, 但是对于一些未接触过Ja

  • 本文向大家介绍Android 动态的显示时间,包括了Android 动态的显示时间的使用技巧和注意事项,需要的朋友参考一下 怎么才能动态的实现时间呢?也许刚入行的你不懂。如果不懂得话,请看代码(代码是最好的老师)。大笑 由上面的代码可以看出,这是一个多线程。实时获取系统的时间后,就更新数据。

  • 本文向大家介绍javascript实时显示北京时间的方法,包括了javascript实时显示北京时间的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实时显示北京时间的方法。分享给大家供大家参考。具体如下: 该页面中实时显示北京时间,更改时区也可以作为显示世界时间,代码如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍javascript实现状态栏中文字动态显示的方法,包括了javascript实现状态栏中文字动态显示的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现状态栏中文字动态显示的方法。分享给大家供大家参考,具体如下: 希望本文所述对大家JavaScript程序设计有所帮助。

  • 本文向大家介绍javascript实现显示和隐藏div方法汇总,包括了javascript实现显示和隐藏div方法汇总的使用技巧和注意事项,需要的朋友参考一下 javascript实现显示和隐藏div方法汇总 我们再来看下其他小伙伴是如何实现的 示例三: 先来看一个最简单的实例,这个可以实现显示和隐藏层 下面是关闭层,其实原理 是一样的只是加了个效果。