第一章 JavaScript日期时间效果--显示停留时间

最新推荐文章于 2026-02-27 20:15:00 发布

原创最新推荐文章于 2026-02-27 20:15:00 发布 · 458 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #date #fun #function #input

收录于

JavaScript实例讲解专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个简单的JavaScript应用案例，通过获取当前时间和页面加载时间的差值来计算并实时显示用户在网页上的停留时间。

第一章 JavaScript日期时间效果--显示停留时间

效果演示：

你在本页面停留的时间为：

JavaScript代码：

你在本页面停留的时间为： <input type="text" id="showTime">

JavaScript代码讲解：

d1 = new Date();	取得目前时间
function fun(){ 　　d2 = new Date(); 　　diff = (d2.getTime() - d1.getTime())/1000;	将两个时间相减，以取得停留时间
diff = Math.round(diff);	取得停留的分钟
minute = Math.round((diff-30)/60);	取得停留的秒钟
second = (second<10)?"0"+second:second; minute = (minute<10)?"0"+minute:minute; showTime.value = minute + ":" + second;	将停留的时间以“分钟：秒数”的格式显示在文字字段中
setInterval("fun()",1000);	设定每隔1分钟调用1次函数