当前位置：首页 > 建站优化 > 正文内容

怎么设置网页时间计时？

zhuangbi888.com2021-05-09 16:31建站优化129

01.打開(kāi)文(wén)本编辑器或记事本后，输入基本html标簽(qiān)

<html>

<head></head>

<body></body>

</html>

02

點(diǎn)擊(jī)头标簽(qiān)<head>，在后面输入<script>标簽(qiān)，并且声明几个变量b、c、t。

<script type="text/javascript">

var b=0

var c=0

var t

</script>

03

定(dìng)义计時(shí)函数jishi()，用来计算(suàn)停(tíng)留時(shí)间。设置setTimeout蓡(cān)数为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

然后再定(dìng)义一个停(tíng)止计時(shí)的(de)程序stopjishi()

function stopjishi()

{

clearTimeout(t)

}

05

點(diǎn)擊(jī)<body>标簽(qiān)，使网页在打開(kāi)時(shí)開(kāi)始计時(shí)

<body onLoad="jishi()">

06

然后，在下面正文(wén)中添加停(tíng)止计時(shí)按(àn)钮和计時(shí)显示的(de)文(wén)本框。

<form>

<input type="button" value="停(tíng)止计時(shí)！" onClick="stopjishi()">

<br><br>

您已经停(tíng)留<input id="xs">分钟

<input id="tt">秒<br><br>

</form>

07

再添加一些文(wén)字说明，计時(shí)程序完成(chéng)。保存编好的(de)代码为html格式，打開(kāi)网页看下效果吧！

打開(kāi)网页后開(kāi)始从0计時(shí)。點(diǎn)擊(jī)网页上的(de)“停(tíng)止计時(shí)”按(àn)钮可停(tíng)止。

标签: 网站时间特效

分享给朋友：

上一篇：深圳最好的外贸网站建设公司是？

下一篇：i39100f最佳配置清单？

相关文章

手工DIY网站有哪些？

手工DIY网站有哪些？

访问手工网站可以欣赏他人的作品，学习技巧，激发创意。题主并未说明是具体哪一方面的手工，所以就介绍几个综合类的网站，进去后还会有各类手工的具体分类。（排名不分先后）手工爱好者（mydiyclub）...

me的域名可以进行备案吗？

me的域名可以进行备案吗？

me域名能否(fǒu)備(bèi)案要取决于各个地方管局的政策，比如像北(běi)京(jīng)地区就不接受me域名等非主流域名後(hòu)綴(zhuì)的備(bèi)案，因此北(běi)京(jīng...

律师网站建设哪家专业，代理宝安网站建设

这个问题其实是个伪命题。王婆卖瓜自卖自夸。我相信没有一家律师事务所会说自己家不好！对于当事人选择律师来说，可以从以下几点考虑：一是如果选择名气比较大的所，固然律师能力可能会强一些，但收费也相应比较...

广州非定制型网站收费

广州非定制型网站收费

这个问题有点麻烦不同的样式不同的价格不过我找到了一家比较便宜的公司介绍给你一起分享吧分为定制型和非定制型两种。定制型：定制型网站，根据企业的市场定位和形象需求，量身定制，从设计到程序开发，全部...

温州平阳县自适应网站建设特点(交互式网站建设用什么软件)

温州平阳县自适应网站建设特点(交互式网站建设用什么软件)

随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局（也就是自适应布局）的设计方案。简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一...

学网页设计需要注意哪些问题？

学网页设计需要注意哪些问题？

谢邀！学网页设计需要注意哪些问题？我也外行，弄得也不好，如果说写文章，配图，或答对联及配图，我认为要：写文章要尽量注意： 1，减少错别字、漏字，及标好句子的标点符号等； 2，文章要分段，不要一口气...

设计网站排名大全(北京设计学院排名)

设计网站排名大全(北京设计学院排名)

网页设计资源库 1.Reeoo网页设计： 2.4db * 地域別网页设计：日本网站设计资源库 3.Webデザインリンク集网页设计：日本网站设计资源库标志设计资源库 1、stocklog...

域名证书英文(国家域名注册证书有用吗)

所谓域名证书，就是用电子证书的格式，标明了注册域名、注册所有人的中文和英文名称、注册成功的时间和域名注册到期时间这几项内容。域名证书用电子文书的形式，确定了域名注册者对域名的拥有权以及拥有时限，对于确...

发表评论