js动态显示指定的时间

本文介绍了一个使用JavaScript实现的网页时间显示效果,通过setInterval函数每秒更新页面上的时间显示,涉及时间格式处理及DOM操作。
<p id="timeShow">17:0:50</p>

<script>

 

setInterval("time()", 1000);

 function time()
 {
	 var time=$("#timeShow").html();
     var timeArr= new Array(); //定义一数组 
     timeArr=time.split(":"); //字符分割
	 
	 sec=Number(timeArr[2])+Number(1);
	 
	 
	 var d = new Date()
	 d.setHours(timeArr[0],timeArr[1],sec);
	 
	 var hours=d.getHours();
     var minutes=d.getMinutes();
	 var sec=d.getSeconds();
	 
	 var timeStr=hours+":"+minutes+":"+sec;
	 $("#timeShow").html(timeStr);
	
          
 } 
 

 

</script>

  

转载于:https://www.cnblogs.com/hanyouchun/p/3998507.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值