麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jQuery實現簡單倒計時功能的方法

2019-11-20 09:33:47
字體:
來源:轉載
供稿:網友

本文實例講述了jQuery實現簡單倒計時功能的方法。分享給大家供大家參考,具體如下:

1.效果圖如下:

2.html代碼:

<div class="timeFix">  <div class="daojishi" id="09/04/2016 00:00:00">    <span class="timeh"></span>    <span class="timem"></span>    <span class="times"></span>    <span class="timen"></span>  </div></div>

3.js代碼:

setInterval(lxfEndtime,60);//倒計時function lxfEndtime(){  $(".daojishi").each(function(){   //var lxfday=$(this).attr("lxfday");//用來判斷是否顯示天數的變量   var endtime = new Date($(this).attr("id")).getTime();//取結束日期(毫秒值)   var nowtime = new Date().getTime();  //今天的日期(毫秒值)   var youtime = endtime-nowtime;//還有多久(毫秒值)   var seconds = youtime/1000;//秒   var minutes = Math.floor(seconds/60);//分   var hours = Math.floor(minutes/60);//小時   var days = Math.floor(hours/24);//天   var CDay= days ;   var CHour= hours % 24;   var CMinute= minutes % 60;   var CSecond= Math.floor(seconds%60);//"%"是取余運算,可以理解為60進一后取余數,然后只要余數。   var c=new Date();   var millseconds=c.getMilliseconds();   var Cmillseconds=Math.floor(millseconds %100);   if(CSecond<10){//如果秒數為單數,則前面補零    CSecond="0"+CSecond;   }   if(CMinute<10){ //如果分鐘數為單數,則前面補零    CMinute="0"+CMinute;   }   if(CHour<10){//如果小時數為單數,則前面補零    CHour="0"+CHour;   }   if(Cmillseconds<10) {//如果毫秒數為單數,則前面補零    Cmillseconds="0"+Cmillseconds;   }   if(endtime<=nowtime){    $(this).html("已過期")//如果結束日期小于當前日期就提示過期啦   }else{    $(this).html("<span class='timeh'>"+CHour+"</span><span class='timem'>"+CMinute+"</span><span class='times'>"+CSecond+"</span><span class='timen'>"+Cmillseconds+"</span>");   }});

更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery日期與時間操作技巧總結》、《jQuery擴展技巧總結》、《jQuery常用插件及用法總結》、《jQuery拖拽特效與技巧總結》、《jQuery表格(table)操作技巧匯總》、《jquery中Ajax用法總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結

希望本文所述對大家jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 在线观看免费毛片视频 | 麻豆国产一区 | 香蕉视频1024 | 九九热在线视频观看这里只有精品 | 在线观看免费视频麻豆 | 动漫孕妇被羞羞视频 | 欧美18—19sex性护士中国 | av免费av| 国产精品www | 久久精品久久久久 | 91午夜免费视频 | 精品国产91久久久 | 黑人一级片视频 | 自拍偷拍亚洲图片 | 被啪羞羞视频在线观看 | 日本aaaa片毛片免费观看视频 | 黄色大片www | 最新午夜综合福利视频 | 久久影院免费观看 | 欧美黄色性生活视频 | 国产精品视频不卡 | 国产欧美亚洲精品a | 色柚视频网站ww色 | 黄色网址你懂的 | 精品国产1区2区3区 免费国产 | 久久性生活免费视频 | 欧美性生交xxxxx久久久缅北 | 看免费黄色大片 | 精品一区二区在线观看 | 国产亚洲精品久久 | av久草| 成av在线 | 色视频在线播放 | 韩国精品视频在线观看 | 久久久免费观看完整版 | 精品一区二区三区四区在线 | 亚洲免费观看视频 | 黄色视屏免费看 | 九九热九九热 | 久久欧美亚洲另类专区91大神 | 欧洲成人一区 |