首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:19:19 288

上篇经验中向大家分享了怎么在网页中显示对话框、确认框、提示框;下面分享下怎么在网页显示用户的访问时间。0LZ办公区 - 实用经验教程分享!

工具/原料

  • html

方法/步骤

  • 1

    打开文本编辑器或记事本后,输入基本html标签0LZ办公区 - 实用经验教程分享!

    html>0LZ办公区 - 实用经验教程分享!

    head>/head>0LZ办公区 - 实用经验教程分享!

    body>/body>0LZ办公区 - 实用经验教程分享!

    /html>0LZ办公区 - 实用经验教程分享!

    HTML网页设计中怎么显示计时访问网页时间0LZ办公区 - 实用经验教程分享!

  • 2

    点击头标签head>,在后面输入script>标签,并且声明几个变量b、c、t。0LZ办公区 - 实用经验教程分享!

    script type="text/javascript">0LZ办公区 - 实用经验教程分享!

    var b=00LZ办公区 - 实用经验教程分享!

    var c=00LZ办公区 - 实用经验教程分享!

    var t0LZ办公区 - 实用经验教程分享!

    /script>0LZ办公区 - 实用经验教程分享!

    HTML网页设计中怎么显示计时访问网页时间0LZ办公区 - 实用经验教程分享!

  • 3

    定义计时函数jishi(),用来计算停留时间。设置setTimeout参数为1000毫秒。0LZ办公区 - 实用经验教程分享!

    0LZ办公区 - 实用经验教程分享!

    function jishi()0LZ办公区 - 实用经验教程分享!

    {0LZ办公区 - 实用经验教程分享!

    document.getElementById('tt').value=c0LZ办公区 - 实用经验教程分享!

    c=c 10LZ办公区 - 实用经验教程分享!

    t=setTimeout("jishi()",1000)0LZ办公区 - 实用经验教程分享!

    if(c==60)0LZ办公区 - 实用经验教程分享!

    {0LZ办公区 - 实用经验教程分享!

    c=0;0LZ办公区 - 实用经验教程分享!

    b=b 1;0LZ办公区 - 实用经验教程分享!

    xs.value=b0LZ办公区 - 实用经验教程分享!

    }0LZ办公区 - 实用经验教程分享!

    }0LZ办公区 - 实用经验教程分享!

    HTML网页设计中怎么显示计时访问网页时间0LZ办公区 - 实用经验教程分享!

  • 4

    然后再定义一个停止计时的程序stopjishi()0LZ办公区 - 实用经验教程分享!

    function stopjishi()0LZ办公区 - 实用经验教程分享!

    {0LZ办公区 - 实用经验教程分享!

    clearTimeout(t)0LZ办公区 - 实用经验教程分享!

    }0LZ办公区 - 实用经验教程分享!

    HTML网页设计中怎么显示计时访问网页时间0LZ办公区 - 实用经验教程分享!

  • 5

    点击body>标签,使网页在打开时开始计时0LZ办公区 - 实用经验教程分享!

    body onLoad="jishi()">0LZ办公区 - 实用经验教程分享!

    HTML网页设计中怎么显示计时访问网页时间0LZ办公区 - 实用经验教程分享!

  • 5相关内容非法爬取自百度经验
  • 6

    然后,在下面正文中添加停止计时按钮和计时显示的文本框。0LZ办公区 - 实用经验教程分享!

    form>0LZ办公区 - 实用经验教程分享!

    input type="button" value="停止计时!" onClick="stopjishi()">0LZ办公区 - 实用经验教程分享!

    br>br>0LZ办公区 - 实用经验教程分享!

    您已经停留input id="xs">分钟0LZ办公区 - 实用经验教程分享!

    input id="tt">秒br>br>0LZ办公区 - 实用经验教程分享!

    /form>0LZ办公区 - 实用经验教程分享!

    HTML网页设计中怎么显示计时访问网页时间0LZ办公区 - 实用经验教程分享!

  • 7

    再添加一些文字说明,计时程序完成。保存编好的代码为html格式,打开网页看下效果吧!0LZ办公区 - 实用经验教程分享!

    0LZ办公区 - 实用经验教程分享!

    打开网页后开始从0计时。点击网页上的“停止计时”按钮可停止。0LZ办公区 - 实用经验教程分享!

    /0LZ办公区 - 实用经验教程分享!

    HTML网页设计中怎么显示计时访问网页时间0LZ办公区 - 实用经验教程分享!

    HTML网页设计中怎么显示计时访问网页时间0LZ办公区 - 实用经验教程分享!

  • 注意事项

    • 如果您喜欢小编的文章,请点击右下角的分享按钮,分享给更多的朋友。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!0LZ办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码