专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

制作网页怎么加入时间模块_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 5:26:36       共计:3559 浏览

制作网页怎么加入时间模块?

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格式,打开网页看下效果吧!

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

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:打开html网页文件乱码怎么办_CSS学习 | ·下一条:vb如何自己做一个非常漂亮的界面求解_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有