利用JQuery在动态页面的倒计时器

<script type="text/javascript">
var intDiff = parseInt(60);//倒计时总秒数量
function timer(intDiff){window.setInterval(function(){var day=0,hour=0,minute=0,second=0;//时间默认值       if(intDiff > 0){day = Math.floor(intDiff / (60 * 60 * 24));hour = Math.floor(intDiff / (60 * 60)) - (day * 24);minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);}if (minute <= 9) minute = '0' + minute;if (second <= 9) second = '0' + second;$('#day_show').html(day+"天");$('#hour_show').html('<s id="h"></s>'+hour+'时');$('#minute_show').html('<s></s>'+minute+'分');$('#second_show').html('<s></s>'+second+'秒');intDiff--;}, 1000);
}
$(function(){timer(intDiff);
});
</script>

主页面

<div class="time-item">

<span id="day_show">0天</span>

<strong id="hour_show">0时</strong>

<strong id="minute_show">0分</strong>

<strong id="second_show">0秒</strong>

</div>

转载于:https://www.cnblogs.com/ysj4428/p/5416209.html

利用JQuery在动态页面的倒计时器相关推荐

html怎样实现动态背景效果,利用jQuery实现动态背景特效
特效描述:利用jQuery实现动态背景特效.利用jQuery实现动态背景特效代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 Example 1 ooh, pretty. Notic ...
利用JQuery实现HTML页面跳转
利用JQuery可方便地实现HTML页面跳转.比如建立两个子目录A,B,每个子目录中都有一个sample.html文件.在父目录中编写一个index.html文件,在其页面 Head 区域导入JQue ...
利用jQuery来动态为属性添加或者删除属性
现在做的项目有这样一个需要: 先看图吧^^ 要求: 1.当点击导出Excel方式的时候,如果是"勾选导出"或"不分页导出"时,下面的文本框不能修改 2.当点击& ...
利用jquery实现数字千分位排版显示，使用0动态补全8位数
利用jquery实现上述效果其实非常简单,首先在html部分创建div容器,设置好最外层对齐方式以及大小.再利用jquery对动态数据进行html拼接就可以了. 内容块定义 <div style ...
【JQuery Mobile移动应用开发实战】JQuery Mobile基础——页面与对话框
文章目录 JQuery Mobile基础 1. 页面与对话框 1.1 简单的helloworld 1.2 利用JQuery脚本DIY闪光灯效果 1.3 不断切换的场景 1.4 整人游戏 1.5 手机被 ...
利用 JQuery的load函数动态加载页面
利用JQuery的load函数动态加载页面 JQuery有好多Ajax函数,其中load是用来动态加载一个页面的内容到指定的dom元素上. 我们来做个例子: 做一个上下(左右)结构的页面,其中下左部分 ...
jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
博客分类: jquery-easyui jQueryAjax框架HTML 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout ...
利用jquery给指定的table动态添加一行、删除一行
$("#mytable tr").find("td:nth-child(1)") 1表示获取每行的第一列 $("#mytable tr"). ...
动态页面html jquery ajax,JQuery / AJAX：使用动态内容加载外部DIV
我需要创建一个页面,该页面将使用Jquery和AJAX从外部页面加载div. 我遇到了一些很好的教程,但是它们都是基于静态内容的,我的链接和内容是由PHP生成的. 我基于我的代码的主要教程来自:htt ...
JavaScript制作页面倒计时器
制作页面倒计时器,选定一个未来时间,得到几天几时几分几秒的倒计时. 在这里选择使用两个时间相差的毫秒数来计算相对应的天数.小时数.分钟数和秒数.为了使代码看起来简洁,进行了封装函数. 1.setInt ...

利用JQuery在动态页面的倒计时器

利用JQuery在动态页面的倒计时器相关推荐

最新文章

热门文章