位置: 编程技术 - 正文

基于jQuery实现美观且实用的倒计时实例代码(jquery教程chm)

编辑:rootadmin

推荐整理分享基于jQuery实现美观且实用的倒计时实例代码(jquery教程chm),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:使用jquery实现的项目,jquery教程实例,jquerymobile精美例子,jquery教程实例,使用jquery美化近期热门栏目,如何用jquery,jquery教程实例,使用jquery实现的项目,内容如对您有帮助,希望把文章链接给更多的朋友!

倒计时效果有着广泛的应用,比如奥运会倒计时、高考倒计时和放假倒计时等,本章节分享一个比较美观且实用的倒计时效果。

代码实例如下:

以上代码实现了我们的要求,可以实现秒到天的倒计时效果,下面就介绍一下实现过程。

基于jQuery实现美观且实用的倒计时实例代码(jquery教程chm)

一.实现原理:

原理比较简单,就是取得到期时间的时间戳减去当前时间的时间戳,就是两者之间相差的秒数,然后通过这个秒数除以就是相差的小时数,然后再除以,然后使用Math.floor()函数进行下舍入,就是相差的天数,下面获取小时、分钟和秒都是此原理。使用定时器函数每隔一秒调用一次相应的函数就实现了倒计时的效果。

二.代码注释:

1.$(function(){}),当文档结构完全加载完毕再去执行函数中的代码。2.countDown("/2/3 6::","#colockbox1"),调用函数,第一个参数是到期的时间,第二个是div的id属性值。3.function countDown(time,id){},声明此函数。4.var day_elem=$(id).find('.day'),获取div下class属性值为day的对象。5.var hour_elem=$(id).find('.hour'),获取div下class属性值为hour的对象。6.var minute_elem=$(id).find('.minute'),获取div下class属性值为minute的对象。7.var second_elem=$(id).find('.second'),获取div下class属性值为second的对象。8.var end_time=new Date(time).getTime(),获取到期事件的时间戳。9.var sys_second=(end_time-new Date().getTime())/,获取到期时间和当前时间相差的秒数。.var timer=setInterval(function(){},),每隔一秒执行一次函数。.if(sys_second>1) ,如果相差的秒大于1。.sys_second-=1,秒减一。.var day=Math.floor((sys_second/)/),获取相差的天数。.var hour=Math.floor((sys_second/)%),获取相差的小时数,注意后面是取模运算。.var minute=Math.floor((sys_second/)%),获取相差的分钟数。.var second=Math.floor(sys_second%),获取相差的秒数。.$(day_elem).text(day),将天写入span元素。.$(hour_elem).text(hour<&#;"0"+hour:hour),将小时写入span,如果小时数小于,前面加0,后面同样的道理。.clearInterval(timer),如果相差的秒数到0,就停止计时器函数setInterval的执行。

以上内容是小编给大家分享的基于jQuery实现美观且实用的倒计时实例代码,希望本文分享能够给大家带来帮助。

jQuery实现简单的图片查看器 项目中自己diy了一个图片查看器。因为初始代码不是自己的,只是在上面改了一下也没有弄的很漂亮。等以后有时间了在重写一下样式和封装,作为备

jQuery语法小结(超实用) 1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合

jquery正则表达式验证(手机号、身份证号、中文名称) 本文实例需要验证的内容:中文姓名、手机号、身份证和地址,验证方法分享给大家供大家参考,具体内容如下HTML(表单):formaction=""divclass="form-group"

标签: jquery教程chm

本文链接地址:https://www.jiuchutong.com/biancheng/379238.html 转载请保留说明!

上一篇:分享两款带遮罩的jQuery弹出框(遮罩有什么作用)

下一篇:jQuery实现简单的图片查看器(jquery简单例子)

  • 法人个人账户收款是否属于公司业务
  • 投资收回的现金
  • 小规模纳税人在选择供应商时,主要考虑购进货物
  • 小规模未开票收入如何填写申报表增值税
  • 关联企业的费用包括
  • 收支平衡表excel怎么做
  • 毛利率和主营利润率的区别
  • 财务费用为什么借方红字
  • 公墓增值税政策
  • 红字信息表已核销不允许撤销
  • 通过物流中心再送货配货属视同销售吗
  • 在大陆工作的香港明星
  • 印花税缴款了发现报错了怎么办?
  • 垫付了医药费保险报销时怎么办
  • 应征进口关税的公式
  • 工程交税需要什么资料
  • 一般纳税人运费计入什么科目
  • 其他综合收益可以转损益的情况
  • 减半征税怎么算
  • 增值税专票怎么认证
  • 个人可以做代理吗
  • 固定资产更改折旧年限怎么账务处理
  • 退税收入计入营业外收入吗
  • 如何删除系统自带的软件
  • 怎么保存win10锁屏界面
  • 公司自有房屋出租 没有从租计征房产税
  • 赠与合同公证收费标准
  • 在win7中如何找到WAN服务
  • php网页爬虫
  • regsvc32.exe - regsvc32是什么进程 有什么用
  • linux硬链接命令
  • intel me有什么用
  • 购入固定资产后发生的员工培训费应计入固定资产的成本
  • 完税证明和纳税申报表的金额不一致
  • 工资薪金支出税前扣除
  • css禁用button按钮
  • 办理房屋租赁需要的材料
  • 小规模纳税人的企业所得税税率
  • 投资收益影响营业利润和利润总额吗
  • vue watch监听localstorage变化
  • html爱心代码简单
  • audo命令
  • 所有者权益变动表怎么填 实例
  • 销项税每月有余额年底怎么处理
  • 返回个人所得税的分录
  • 向股东免息借款怎么做账
  • 社保年审流程示意图
  • 个体户取现金的几种方法
  • sql模糊查询的关键字是什么
  • 电脑访问另一台电脑访问权限
  • 固定资产清理如何做账
  • 体检费用需要缴哪些费用
  • 会员退费怎么算
  • 回忆一下会计核算程序有哪几种?
  • 土地补贴款是什么意思
  • 发货单票据格式
  • 有没有月初发放当月工资的
  • 无工资支出企业账务处理
  • 跨年度固定资产转为在建工程怎么计算
  • xp系统完全删除打印机驱动
  • win8系统如何安装软件
  • linux系统的文件怎么导出来
  • win8怎么打开word
  • window10系统连接wifi
  • jquery如何赋值
  • shell常用命令及功能
  • css浮动和清除浮动
  • css控制html
  • Vuforia 4.0 beta——Object Recognition (二)
  • 获取磁盘失败代码0-0
  • JavaScript Array对象详解
  • python 很简单
  • 浅谈是什么意思
  • unity接入安卓sdk
  • android shareuid
  • js跨域解决方案
  • js基于什么
  • 企业取得了哪些成绩
  • 风险研判能力不足的原因
  • 盐城合作医疗在手机上怎么交
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设