JQuery实时的时间更新

最新推荐文章于 2024-07-21 02:51:38 发布

SHIZHK

最新推荐文章于 2024-07-21 02:51:38 发布

阅读量4.6k

点赞数

分类专栏：笔记文章标签： jquery

本文链接：https://blog.csdn.net/kaikaihuiyuan/article/details/82706517

版权

笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

两种时间得区别 :

setTimeout

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式 ;

setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()

setInterval

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

jquery中获取时间如下：

var myDate = new Date();
myDate.getYear();        //获取当前年份(2位)
myDate.getFullYear();    //获取完整的年份(4位,1970-????)
myDate.getMonth();       //获取当前月份(0-11,0代表1月)
myDate.getDate();        //获取当前日(1-31)
myDate.getDay();         //获取当前星期X(0-6,0代表星期天)
myDate.getTime();        //获取当前时间(从1970.1.1開始的毫秒数)
myDate.getHours();       //获取当前小时数(0-23)
myDate.getMinutes();     //获取当前分钟数(0-59)
myDate.getSeconds();     //获取当前秒数(0-59)
myDate.getMilliseconds();    //获取当前毫秒数(0-999)
myDate.toLocaleDateString();     //获取当前日期
var mytime=myDate.toLocaleTimeString();     //获取当前时间
myDate.toLocaleString( );        //

第一种写法:

<html>
<script>
var t = null;
    t = setTimeout(time,1000);//開始运行
    function time()
    {
       clearTimeout(t);//清除定时器
       dt = new Date();
       var h=dt.getHours();//获取时
       var m=dt.getMinutes();//获取分
       var s=dt.getSeconds();//获取秒
       document.getElementById("showTime").innerHTML =  "如今的时间为："+h+"时"+m+"分"+s+"秒";
       t = setTimeout(time,1000); //设定定时器，循环运行     
    } 

</script>

<body>
<label id="showTime"></lable>
</body>
</html>

第二种写法

<html>
<script>

    function time()
    {   
       dt = new Date();
       var h=dt.getHours();//获取时
       var m=dt.getMinutes();//获取分
       var s=dt.getSeconds();//获取秒
       document.getElementById("showTime").innerHTML =  "如今的时间为："+h+"时"+m+"分"+s+"秒";
       setTimeout("time()",1000); //设定定时器，循环运行     
    } 
 
</script>
 
<body>
<label id="showTime"></lable>
</body>
<script>
	time();
	</script>
</html>

第三种写法

<html>
<script language=javascript>
	var int=self.setInterval("clock()",50)
	function clock()
	  {
	  var t=new Date()
	  document.getElementById("clock").innerHTML=t
	  }
</script>
	
<body>
<label id="clock"></label>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>

</body>
</html>