jquery实现的判断倒计时是否结束代码:
本章节介绍一段代码实例,此代码能够判断当前日期是否已经倒计时结束,此代码中并没有倒计时效果,只是判断是否倒计时完成,比如购物网站优惠期限等,虽然实际应用中,很少会出现类似的代码,不过希望能够给浏览者带来一定的启示作用。
代码如下:
function done(){ var str=$(‘#end‘).text(); var out=str.match(/\d+/g); console.log(out); var h=parseInt(out[0]),m=parseInt(out[1]),s=parseInt(out[2]); console.log(h+‘#‘+m+‘#‘+s); var calc=h*3600+m*60+s; console.log(calc); if(calc==0){ //code } else{ console.log(‘等待..‘); } var t=setTimeout(‘done()‘,1000); } done();
上面只是代码片段,不能够演示,下面介绍一下它的实现过程。
一.代码注释:
1.function done(){},此函数实现判断倒计时结束效果。
2.var str=$(‘#end‘).text(),获取指定元素中的文本内容,本代码中应该倒计时当前时间.
3.var out=str.match(/\d+/g),获取时间日期中数字的数组。
4.var h=parseInt(out[0]),m=parseInt(out[1]),s=parseInt(out[2]),分别获取小时、分钟和秒。
5.var calc=h*3600+m*60+s,转换成秒。
6.if(calc==0){//code},判断倒计时是否结束,然后指定相应的操作。
7.var t=setTimeout(‘done()‘,1000),每隔一秒执行一次判断函数。
8.done(),执行此函数。
二.相关阅读:
1.match()函数可以参阅正则表达式match()函数一章节。
2.setTimeout()函数可以参阅setTimeout()函数用法详解一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=14641
更多内容可以参阅:http://www.softwhy.com/jquery/
时间: 2024-10-14 13:51:39