jquery实现的判断倒计时是否结束代码

Posted 2020-06-13

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/