HTML网页设计中怎么显示计时访问网页时间

2025-10-20 05:50:49

1、打开文本编辑器或记事本后，输入基本html标签

<html>

</html>

2、点击头标签<head>，在后面输入<script>标签，并且声明几个变量b、c、t。

var b=0

var c=0

var t

</script>

HTML网页设计中怎么显示计时访问网页时间

3、定义计时函数jishi()，用来计算停留时间。设置setTimeout参数为1000毫秒。

function jishi()

{

document.getElementById('tt').value=c

c=c+1

t=setTimeout("jishi()",1000)

if(c==60)

{

c=0;

b=b+1;

xs.value=b

}

HTML网页设计中怎么显示计时访问网页时间

4、然后再定义一个停止计时的程序stopjishi()

function stopjishi()

{

clearTimeout(t)

}

HTML网页设计中怎么显示计时访问网页时间

5、点击<body>标签，使网页在打开时开始计时

HTML网页设计中怎么显示计时访问网页时间

6、然后，在下面正文中添加停止计时按钮和计时显示的文本框。

<form>

您已经停留<input id="xs">分钟

</form>

HTML网页设计中怎么显示计时访问网页时间

7、再添加一些文字说明，计时程序完成。保存编好的代码为html格式，打开网页看下效果吧！

打开网页后开始从0计时。点击网页上的“停止计时”按钮可停止。

HTML网页设计中怎么显示计时访问网页时间

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。