jquery倒计时简易模板

最新推荐文章于 2022-04-02 20:40:36 发布
最新推荐文章于 2022-04-02 20:40:36 发布
阅读量216 收藏
点赞数
分类专栏： jquery实例 文章标签： jquery实例--倒计时
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43685195/article/details/87808755
版权
  • 随便做的倒计时计时器，很简陋，不喜请勿喷；

``

<!doctype html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
     <title>Document</title>
    
</head>
 <body>
 <button id="win" class="but"  onClick="time()">点我开始倒计时</button>
    <p id="showtime"></p>



<script src="js/jquery-3.3.1.js"></script>
<script type="text/javascript">
var c=5;
var t;

//button隐藏事件
$(document).ready(function(e) {
    $(".but").click(function(e) {
        $(".but").toggle();
    });
});
//倒计时事件
function time(){
document.getElementById('showtime').innerHTML=c;
//不解释
	if(c>0){document.getElementById("showtime").style.display="inherit"}
//
    if(c==0){
        clearTimeout(t);
       alert("计数完结，可以再次点击");
			 document.getElementById("win").style.display="inherit"
			  document.getElementById('showtime').style.display="none"
				c=5;
			   clearInterval(interval);//设置不为负数
			
    }else{
    t=setTimeout('time()',1000);
    }
		
    c--;
	
}
 
</script>
 </body>
 </html>
Ed_艾德
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
超强1000个jquery极品插件！
12-21 2338
1.导航类 (1)Horizontal accordion: jQuery基于jQuery开发，非常简单的水平方向折叠控件。二手图书 二手书 特价书 旧书网(2)jQuery-Horizontal Accordion具有XBOX360 blade界面风格的水平方向Accordion。二手图书 二手书 特价书 旧书网(3)jQuery plugin: Accordion用
jquery插件jquery倒计时插件分享
12-12
总的来说，这个jQuery倒计时插件提供了一种灵活且易于使用的机制，可以在网页上创建倒计时效果，同时允许开发者根据需求调整各种参数，如字体大小、动画时长和结束后的行为，从而增强用户体验。
用JQuery实现简单计时答题游戏
qq_43560721的博客
11-05 1439
题的大概效果图是这样的： 首先是body里的页面显示代码： <body onload="setNumber()"> <div class="div"> <div class="div2"> 计时:<label></label><br> 积分:<label>0<...
[荐] 微信小程序模板源码合集
热门推荐
思月行云
10-09 1万+
wx-gesture-lock微信小程序的手势密码 WXCustomSwitch微信小程序自定义 Switch 组件模板 WeixinAppBdNovel微信小程序demo：百度小说搜索 shitoujiandaobu小程序：石头剪刀布（附代码说明） audiodemo微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义 star微信小程
Ajax（jQuery封装），表单form提交（Ajax），art-template模板引擎，原生Ajax，XML和JSON，axios，跨域和JSONP，防抖和节流，HTTP协议
切图仔
04-02 706
Ajax（jQuery封装），表单form提交（Ajax），art-template模板引擎，原生Ajax，XML和JSON，XMLHttpRequest Level2的新特性（HTTP 请求的时限、 FormData 对象管理表单数据、上传文件、数据传输的进度信息），jQuery高级用法（文件上传），axios，同源和跨域和JSONP，防抖和节流，HTTP协议
小程序模板
weixin_33964094的博客
05-29 296
微信小程序demo：足球，赛事分析 小程序简易导航 小程序demo：办公审批 小程序Demo：电魔方 小程序demo：借阅伴侣 微信小程序demo：投票 微信小程序demo：健康生活 小程序demo：文章列表demo 微商城（含微信小程序）完整源码+配置指南 微信小程序Demo：一个简单的工作系统 微信小程序Demo：用于聚会的小程序 微信小程序Demo：Growth 是...
前端面试相关题（简易）
weixin_46025857的博客
12-14 557
HTML** ,CSS相关** 1.网络中使用最多的图片格式有哪些 JPEG,GIF,PNG,最流行的是jpeg格式，可以把文件压缩到最小 在ps以jpeg格式存储时，提供11级压缩级别 2.请简述css盒子模型 一个css盒子从外到内可以分成四个部分：margin（外边距），border（边框），padding（内边距），content（内容）** ​ **默认情况下，盒子的width和height属性只是设置content（内容）的宽和高** ​ **盒子真正的宽应该是：内容宽度.
Jquery 1000 demo
weixin_34384557的博客
02-11 259
1.导航类 (1)Horizontal accordion: jQuery 基于jQuery开发，非常简单的水平方向折叠控件。二手图书 二手书 特价书 旧书网 (2)jQuery-Horizontal Accordion具有XBOX360 blade界面风格的水平方向Accordion。二手图书 二手书 特价书 旧书网 (3)jQuery plugin: Accordion用于创...
40 个让你的网站更加友好的 jQuery 插件
huidaoli
08-28 1489
一个插件的基本功能是执行一个含有元素集合的函数数组。每个方法和jQuery核心组成一个插件，如.fadeOut()或.addClass()。一个jQuery插件是一个基本的可以扩充jQuery 原型对象的方法。当原型对象被扩充后，jQuery所有的对象都可以继承每一个扩充的方法。 jQuery有强大的社区支持，社区里有很多技能娴熟的开发者夜以继日的创造出令人惊叹的脚本和网络应用。然而...
超强1000个jquery极品插件！（连载中。。。。最近更新20100127）
思念的专栏
02-28 2955
1.导航类 (1)Horizontal accordion: jQuery基于jQuery开发，非常简单的水平方向折叠控件。二手图书 二手书 特价书 旧书网(2)jQuery-Horizontal Accordion具有XBOX360 blade界
JQuery倒计时插件
04-17
**jQuery倒计时插件详解** 在Web开发中，倒计时功能经常被用于各种应用场景，比如活动开始前的预告、考试倒计时、产品上市时间提示等。jQuery作为一个广泛使用的JavaScript库，提供了丰富的插件来帮助开发者实现...
jQuery倒计时插件FlipTimer特效代码
03-20
jQuery倒计时插件FlipTimer是一款非常独特且引人注目的网页倒计时工具，它以其日历翻页的效果在网站设计中广受欢迎。这款插件适用于网站上线、活动开始、产品发布等各种需要时间提示的场景，为用户提供了视觉上的...
jquery 倒计时效果实现秒杀思路
12-09
在这个例子中，我们将探讨如何使用 jQuery 实现一个简单的倒计时功能，以满足秒杀页面的需求。 首先，我们需要理解给定的代码结构。这个倒计时功能通过调用 `countDown` 函数来初始化。函数接受两个参数：一个是倒...
jQuery自适应倒计时插件
06-24
<title>jQuery倒计时示例 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="jquery.lwtCountdown.js"> <div id="countdown"></div> $(document).ready(function() { ...
pi_heif-0.17.0-cp310-cp310-manylinux_2_17_aarch64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
Numper基础（一）
07-27
Numper基础（一）
C语言写的潮流计算大作业代码.zip
最新发布
07-27
c写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zip
关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型.docx
07-27
大模型（Large Models），尤其是指预训练的大规模语言模型，在自然语言处理（NLP）、计算机视觉（CV）等领域取得了显著的进步。以下是一些关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型： 1. 大模型教程资源 官方文档： 大多数大型模型都会在其官方网站或GitHub页面上发布详细的文档，包括模型介绍、安装指南、使用示例等。 例如，Hugging Face的Transformers库提供了丰富的文档和教程。 在线课程： Coursera、edX等在线教育平台上提供了关于大模型的课程。 例如，斯坦福大学的NLP课程通常会涵盖最新的大模型技术。 博客文章： Medium、Towards Data Science等平台上有很多关于大模型的文章，这些文章通常由专业人士撰写，包含实战经验和技巧。 视频教程： B站（bilibili.com）和YouTube上有很多关于大模型的教程视频，适合初学者入门。 2. 调用API和使用技巧 Hugging Face Transformers： 提供了多种预训练模型的加载和调用方式。 Hugging Face文档 是一个非常
jquery 倒计时
08-24
在 jQuery 中实现倒计时可以使用 `setInterval` 函数来定时更新显示的时间。下面是一个简单的示例： HTML： ```html <div id="countdown"></div> ``` JavaScript： ```javascript $(document).ready(function() { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值