HTML中用javascript获取当前时间

不处理,直接获取系统当前时间代码:

<script type="text/javascript">
	var t = new Date();
	document.write(t)
</script>

运行效果
在这里插入图片描述
符合中国人习惯的时间格式:

<script type="text/javascript">
	var t = new Date();//获取当前时间
	var year = t.getFullYear();//获取当前时间年份
	var month = t.getMonth();//获取当前时间月份
	var day = t.getDate();//获取当前时间日
	var week = t.getDay();//获取当前时间星期
	var arr = new Array ("星期一","星期二","星期三","星期四","星期五","星期六","星期日",);
	//上行是为规划星期的输出
	//下3行分别获得当前时间的时 分 秒 
	var hour = t.getHours();
	var minute = t.getMinutes();
	var second = t.getSeconds();
	var nowTime = year+"/"+month+"/"+day+" "+arr[week]+" "+hour+((minute<10)?":0":":")+minute+((second<10)?":0":":")
	+second+((hour>12)?".pm":".am");
	document.write(nowTime);
</script>

但是上面这些代码只是静态,不动的,需要动态的可以用下面的代码

<script language="javascript" >
function getCurDate()
{
var d = new Date();
var week;
switch (d.getDay()){
case 1: week="星期一"; break;
case 2: week="星期二"; break;
case 3: week="星期三"; break;
case 4: week="星期四"; break;
case 5: week="星期五"; break;
case 6: week="星期六"; break;
default: week="星期天";
}
var years = d.getFullYear();
var month = add_zero(d.getMonth()+1);
var days = add_zero(d.getDate());
var hours = add_zero(d.getHours());
var minutes = add_zero(d.getMinutes());
var seconds=add_zero(d.getSeconds());
var ndate = years+"年"+month+"月"+days+"日 "+hours+":"+minutes+":"+seconds+" "+week;
var divT=document.getElementById("logInfo");
divT.innerHTML= ndate;
}
function add_zero(temp)
{
if(temp<10) return "0"+temp;
else return temp;
}
setInterval("getCurDate()",100);
</script>

或者用下面的代码,也可以实现

当前时间:<span id="time"></span>//这行代码写在body当中
<script>
	setInterval(function(){
		document.getElementById("time").innerHTML = new Date().toLocaleString();
	},1000)
</script>

显示效果
在这里插入图片描述
推荐用上面这个,要简短点

  • 9
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值