最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 22:11:54
文档

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

javascript显示动态时间的方法汇总:1.第一种方法 <table> <tr> <td>当前时间:</td> <td id=CurrentTime></td> <script type=text/javascript> function changetime(){ var ary = [星
推荐度:
导读javascript显示动态时间的方法汇总:1.第一种方法 <table> <tr> <td>当前时间:</td> <td id=CurrentTime></td> <script type=text/javascript> function changetime(){ var ary = [星


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>

文档

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

javascript显示动态时间的方法汇总:1.第一种方法 <table> <tr> <td>当前时间:</td> <td id=CurrentTime></td> <script type=text/javascript> function changetime(){ var ary = [星
推荐度:
标签: 显示 方法 时间
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top