刚才看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>
分享到:
相关推荐
JS倒计时 html 网页倒计时代码 倒计时 JS特效
javascript 实现网页 倒计时 代码
网页倒计时代代码的自动生成器.........
基于django的网页倒计时,界面非常酷炫。解压后,不需要配置数据库,如果在linux上运行,需要具有root权限。
jQuery创意精美的网页倒计时代码是一款时分秒倒计时计时器,点击数字设置好倒计时时间,确定后转到倒计时进度界面。
一款实用的原生js网页倒计时和计时插件,适于用各种时间类的倒计时或者计时功能,样式也非常好看。简单易学.
无论是招聘网站、商品秒杀还是新年倒计时等,展示网页倒计时的需求都很常见,本示例代码可以帮助开发人员快速实现和调整倒计时效果,从而提高用户体验和网站吸引力。 该代码的使用场景比较灵活,可以在电商、招聘、...
jQuery自适应网页倒计时插件代码,基于jquery.lwtCountdown.js插件实现的倒计时特效。
Vue网页倒计时代码.zip
一个Js+CSS完成漂亮的倒计时效果,仿广州亚运会的网页倒计时效果,CSS的功能其实占了一大半,仅供参考。
该插件主要实现倒计时的功能。可以在所要网页标签内显示倒计时,并可以指定倒计时结束后的操作。在一些验证码等待、网页跳转等待、广告等待等一些等待的场景中,经常需要一个倒计时,这个插件就可以完成这个功能。
jquery.countdown.js网页倒计时插件制作倒计时 jquery.countdown.js网页倒计时插件制作倒计时 jquery.countdown.js网页倒计时插件制作倒计时
HTML5网页倒计时代码特效是一款提供默认的翻牌样式,可以在所有支持HTML5 time元素的浏览器中正常工作。
HTML网页倒计时文件
元旦倒计时代码,利用CSS+HTML+JS搭建的网页倒计时
一款轻量级的jQuery多功能网页倒计时插件,可以自定义设置60秒、120秒倒计时手机短信验证码,还可以设置固定日期时间倒计时代码。
jquery.countdown倒计时插件下载_翻牌倒计时器特效 jquery.countdown倒计时插件下载_翻牌倒计时器特效 jquery.countdown倒计时插件下载_翻牌倒计时器特效
2023元旦网页倒计时特效HTML,倒计时页面特效,效果还是很漂亮的,需要的朋友可以下载使用
倒计时,适用于各种结束的倒计时,比如团购倒计时