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

上篇中向大家分享了怎么在网页中显示对话框、确认框、提示框;下面分享下怎么在网页显示用户的访问时间。

操作方法

  • 01

    打开文本编辑器或记事本后,输入基本html标签 <html> <head></head> <body></body> </html>

  • 02

    点击头标签<head>,在后面输入<script>标签,并且声明几个变量b、c、t。 <script type="text/javascript"> var b=0 var c=0 var t </script>

  • 03

    定义计时函数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 } }

  • 04

    然后再定义一个停止计时的程序stopjishi() function stopjishi() { clearTimeout(t) }

  • 05

    点击<body>标签,使网页在打开时开始计时 <body onLoad="jishi()">

  • 06

    然后,在下面正文中添加停止计时按钮和计时显示的文本框。 <form> <input type="button" value="停止计时!" onClick="stopjishi()"> <br><br> 您已经停留<input id="xs">分钟 <input id="tt">秒<br><br> </form>

  • 07

    再添加一些文字说明,计时程序完成。保存编好的代码为html格式,打开网页看下效果吧! <p> 打开网页后开始从0计时。点击网页上的“停止计时”按钮可停止。 </p>

(0)

相关推荐

  • 巧用格式塔原则处理网页设计中的正负空间

    本文中,我们讨论了关于网页正负空间的格式塔原则.文章虽然有点长但讲解详细,希望能对你有所帮助. 备注:翻译过程中为了适合我们的阅读习惯,有对原文进行一定的内容简化和语义修饰,如有不妥欢迎大家根据官网链 ...

  • 网页设计中文本排版的技巧和细节

    网站的核心是内容,用户访问网站最重要的目的就是要看网站的正文,所以,网页的文本排版非常重要.网页的文本排版并不是仅仅在CSS里设置个字体大小那么简单的,想要有好的排版,对细节要下一番功夫才行. 步骤/ ...

  • 网页设计中的极简风格—无的力量

    小编:首先感谢@飞屋睿UIdesign为我们分享讲解什么是极简设计以及如何做到极简并配上很优秀的图来帮助我们讲解.不久前刚看到一句话来和大家分享下,感觉可以用来提升逼格.这句话是这样写的"U ...

  • 充分利用网页设计中的面包屑

    小编:面包屑导航是网页设计中非常重要的一个组成部分,虽然看起来短小精悍,但它的作用却非同小可.那么你知道面包屑导航都有哪些分类,分别的作用是什么吗?面包屑应该在什么时候使用?什么?你还不知道什么是面包 ...

  • 网页设计中的大事件 – 彩色字体

    小编:今天@Ethan为大家带来一篇关于网页设计中彩色字体的文章,主要介绍了什么是彩色字体以及注意事项和如何创作.感兴趣的小伙伴可以试着自己创作一下,完成后别忘记晒出来呦. 那么什么是彩色字体?这是一 ...

  • 【海平面】在网页设计中,如何应用纹理?

    当提到网页设计,纹理的应用是未来的趋势.极简主义的方式已经一去不复返了--我们想要纹理那种令人快乐的"小零碎"呈现在我们的网页上,现在就想要它! 纹理是一种简单而有效的方式,可以为 ...

  • 网页设计中几种色彩分析及其之间的搭配

    在网页设计中色彩的运用和搭配是很重要的环节,所以我写了点资料,供大家参考一下! 操作方法 01 一.红色1 分析:红色色感温暖,性格刚烈而外向,是一种对人刺激性很强的颜色.红色容易引起人的注意,也容易 ...

  • 怎么解决iPad中Safari浏览器无法访问网页问题

    iPad是现在十分常用的平板电脑系列,有些用户遇到了Safari浏览器无法访问网页问题,想知道怎么解决,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图箭头所指,找到并点击 ...

  • 如何在网页设计中使用绿色

    小编:植树节马上就要到来了,植树节让你想一种颜色你想到了哪种呢?绿色,代表着生机和希望.我们可以在保证视觉舒适的同时追求自然,让色彩丰富我们的生活.在网站主页上用绿色元素去突出信息重点是一个不错的选择 ...