html设置封面计时的方法:首先创建一个HTML示例文件;然后定义计时函数jishi(),用来计算停留时间;接着定义一个停止计时的程序stopjishi() ;最后添加停止计时按钮和计时显示的文本框即可。

本文操作环境:Windows7系统、HTML5、Dell G3电脑。
HTML网页设计中怎么显示计时访问网页时间
打开文本编辑器或记事本后,输入基本html标签

立即学习“前端免费学习笔记(深入)”;
点击头标签
,在后面输入标签,并且声明几个变量b、c、t。
<script type="text/javascript"> var b=0 var c=0 var t </script>

定义计时函数jishi(),用来计算停留时间。设置setTimeout参数为1000毫秒。【推荐:HTML视频教程】
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 }}

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

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

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

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

以上就是html怎么设置封面计时的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1548909.html
微信扫一扫
支付宝扫一扫