`
lippeng
  • 浏览: 455068 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

网页倒计时

阅读更多

刚才看setTimeout,就顺便做了个网页上的倒计时,弄来玩玩,代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
var waitTime = 10;
function timeout(setTime) {
	if(setTime != null){
		waitTime = setTime;
	}
	document.body.innerHTML = waitTime;
	if (waitTime < 0) {
		waitTime = 10;
		document.body.innerHTML = '<input type="button" value="Click" onclick="timeout();" />';
		return;
	} else {
		waitTime--;
	}
	setTimeout("timeout()", 1000);
}

</script>
<title>Insert title here</title>
</head>
<body>
<input type="button" value="Click" onclick="timeout();" />
</body>
</html>
 
分享到:
评论

相关推荐

    jQuery多功能网页倒计时插件

    在这个特定的场景中,我们讨论的是一个基于jQuery的多功能网页倒计时插件。这个插件旨在为网页提供灵活的倒计时功能,包括但不限于手机短信验证码的60秒或120秒倒计时,以及固定日期时间的倒计时。 首先,让我们...

    js网页倒计时

    JS倒计时 html 网页倒计时代码 倒计时 JS特效

    基于django的网页倒计时

    【标题】"基于django的网页倒计时"指的是在Web开发中使用Python的Django框架实现的一种动态显示倒计时的网页功能。这种功能常见于各类活动页面、竞赛报名截止或者线上活动开始前的预告,为用户提供清晰的时间提醒。 ...

    javascript 实现网页 倒计时 代码

    在JavaScript中实现网页倒计时是一项常见的任务,尤其在创建活动页面、竞赛倒计时或者定时发布内容等场景中非常实用。本篇文章将详细介绍如何利用JavaScript编写一个网页倒计时功能,并结合提供的`index.html`和`js`...

    原生js网页倒计时和计时插件

    本资源提供了一款基于原生JavaScript实现的网页倒计时和计时插件,旨在帮助开发者轻松实现这些功能,同时保证界面的美观性。 首先,我们来探讨原生JavaScript在实现倒计时和计时器中的核心概念。JavaScript作为...

    jQuery创意精美的网页倒计时代码

    jQuery作为一款广泛使用的JavaScript库,提供了丰富的功能和简单易用的API,使得创建创意精美的网页倒计时代码变得轻而易举。本项目就是基于jQuery实现的一个时分秒倒计时计时器,用户可以自定义倒计时时间,增加了...

    jQuery自适应网页倒计时插件代码

    总的来说,这个jQuery自适应网页倒计时插件通过结合CSS样式、HTML结构和JavaScript逻辑,提供了一个优雅且灵活的解决方案,帮助开发者轻松地在网页上添加倒计时功能,同时确保在各种设备上都能良好显示。对于网页...

    前端开发+JavaScript+倒计时+封装+可执行的HTML模板+实现网页倒计时展示

    无论是招聘网站、商品秒杀还是新年倒计时等,展示网页倒计时的需求都很常见,本示例代码可以帮助开发人员快速实现和调整倒计时效果,从而提高用户体验和网站吸引力。 该代码的使用场景比较灵活,可以在电商、招聘、...

    Vue网页倒计时代码.zip

    在Vue网页倒计时代码.zip这个压缩包中,我们可以预见到包含了一个使用Vue.js实现的网页倒计时功能的示例。倒计时功能在网页应用中非常常见,比如用于活动倒计时、考试倒计时等场景。下面,我们将深入探讨Vue.js如何...

    HTML5网页倒计时代码特效.zip

    在本例中,我们关注的是HTML5的一个特殊应用——网页倒计时代码特效。 倒计时通常用于网站上预告活动、产品发布或者截止日期等场景,为用户提供一种直观的时间感知。HTML5网页倒计时代码特效利用了HTML5中的`&lt;time&gt;...

    Js+CSS完成漂亮的网页倒计时效果

    网页倒计时是一种常见的网页交互元素,常用于活动预告、限时优惠等场景,为用户提供直观的时间感知。在本示例中,我们将探讨如何利用JavaScript(Js)和Cascading Style Sheets(CSS)来创建一个类似广州亚运会倒...

    网页倒计时的免费下载

    网页倒计时代代码的自动生成器.........

    3个HTML5网页倒计时代码特效

    在本资源中,我们关注的是HTML5网页倒计时代码特效,这是一种利用HTML5的新特性来实现动态倒计时效果的技术。这种特效可以应用于各种场景,比如活动预告、产品上线倒计时等,为用户提供直观的时间感知。 首先,...

    元旦倒计时代码,利用CSS+HTML+JS搭建的网页倒计时

    【描述】中提到的“利用CSS+HTML+JS搭建的网页倒计时”,进一步确认了这个项目是通过这三种前端技术来实现的。CSS负责页面的布局和美化,HTML用于结构化网页内容,而JavaScript则用于动态更新时间和交互效果。 **...

    2023元旦网页倒计时特效HTML

    在这个“2023元旦网页倒计时特效HTML”项目中,我们将探讨如何利用HTML和CSS,甚至可能结合JavaScript,来创建一个具有视觉吸引力的倒计时计时器,为庆祝新年增添节日气氛。 首先,HTML(HyperText Markup Language...

    jQuery自适应网页倒计时插件代码.zip

    《jQuery自适应网页倒计时插件代码解析与应用》 在网页开发中,倒计时功能被广泛应用,如活动预告、考试提醒等场景。jQuery作为一款轻量级的JavaScript库,提供了丰富的API和插件,使得实现这些功能变得更加简单。...

    jQuery多功能网页倒计时插件.zip

    《jQuery多功能网页倒计时插件深度解析》 在网页设计与开发中,倒计时功能经常被用于预告活动开始、产品上线等场景,能够有效吸引用户关注并产生期待感。今天我们将深入探讨一个基于jQuery的多功能倒计时插件,它以...

    用JavaScript写的一个网页倒计时插件

    该插件主要实现倒计时的功能。可以在所要网页标签内显示倒计时,并可以指定倒计时结束后的操作。在一些验证码等待、网页跳转等待、广告等待等一些等待的场景中,经常需要一个倒计时,这个插件就可以完成这个功能。

    jquery.countdown.js网页倒计时插件制作倒计时

    jquery.countdown.js网页倒计时插件制作倒计时 jquery.countdown.js网页倒计时插件制作倒计时 jquery.countdown.js网页倒计时插件制作倒计时

    jQuery实现的网页倒计时插件,调用简单方便.rar

    在这个“jQuery实现的网页倒计时插件”中,开发者提供了一个便捷的方式来实现网页上的倒计时功能,特别适用于各种限时活动、考试倒计时或者任何需要时间限制的场景。 这个插件的核心特性包括: 1. **依赖jQuery-...

Global site tag (gtag.js) - Google Analytics