【c wmi源码】【消消乐源码 android】【牛牛源码带控制】改jQuery源码_jquery源代码

2024-12-23 07:43:01 来源:智能课程php源码 分类:知识

1.将以下jq代码转换为原生js

改jQuery源码_jquery源代码

将以下jq代码转换为原生js

       jquery.downCount.js是源y源依赖于jQuery的插件(效果:倒计时),所以我们需要查看该插件的代码源码才能将其变成源生代码。

       html代码:

<div class="p1">

           <span class="days"></span><span class="days_ref"></span>

           <span class="hours"></span><span class="hours_ref"></span>

           <span class="minutes"></span><span class="minutes_ref"></span>

           <span class="seconds"></span><span class="seconds_ref"></span>

         </div>

       上面span中的源y源class类是用于显示需要的类,在插件中days、代码c wmi源码hours、源y源minutes、代码消消乐源码 androidseconds分别用于显示天数、源y源小时、代码分钟、源y源秒,代码days_ref、源y源hours_ref、代码minutes_ref、源y源牛牛源码带控制seconds_ref分别用于显示单位days或day,代码hours或hour、源y源minutes或minute、Python办公软件源码seconds或second。这些类都没有定义相应的样式,需要自己自定义样式。查询q绑源码

       js代码,只是简易的提了出来,如果需要更灵活的配置,自己再做进一步封装:

(function () {

           var container = document.querySelector(".p1");

           var mydate = '1// ::', 

               myoffset = ,

               callback = function () {

                 alert("执行完毕");

               };

           /

**

            * Change client's local date to match offset timezone

            * @return { Object} Fixed Date object.

            */

           var currentDate = function () {

               // get client's current date

               var date = new Date();

               // turn date to utc

               var utc = date.getTime() + (date.getTimezoneOffset() * );

               // set new Date object

               var new_date = new Date(utc + (*myoffset));

               return new_date;

           };

           /

**

            * Main downCount function that calculates everything

            */

           function countdown () {

               var target_date = new Date(mydate), // set target date

                   current_date = currentDate(); // get fixed current date

               // difference of dates

               var difference = target_date - current_date;

               // if difference is negative than it's pass the target date

               if (difference < 0) {

                   // stop timer

                   clearInterval(interval);

                   if (callback && typeof callback === 'function') {

                     callback();

                   }

                   return;

               }

               // basic math variables

               var _second = ,

                   _minute = _second * ,

                   _hour = _minute * ,

                   _day = _hour * ;

               // calculate dates

               var days = Math.floor(difference / _day),

                   hours = Math.floor((difference % _day) / _hour),

                   minutes = Math.floor((difference % _hour) / _minute),

                   seconds = Math.floor((difference % _minute) / _second),

                   // fix dates so that it will show two digets

                   days = (String(days).length >= 2) ? days : '0' + days,

                   hours = (String(hours).length >= 2) ? hours : '0' + hours,

                   minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes,

                   seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds;

               // based on the date change the refrence wording

               var ref_days = (days === 1) ? 'day' : 'days',

                   ref_hours = (hours === 1) ? 'hour' : 'hours',

                   ref_minutes = (minutes === 1) ? 'minute' : 'minutes',

                   ref_seconds = (seconds === 1) ? 'second' : 'seconds';

               // set to DOM

               document.querySelector('.days').innerHTML = days;

               document.querySelector('.hours').innerHTML = hours;

               document.querySelector('.minutes').innerHTML = minutes;

               document.querySelector('.seconds').innerHTML = seconds;

               document.querySelector('.days_ref').innerHTML = ref_days;

               document.querySelector('.hours_ref').innerHTML = ref_hours;

               document.querySelector('.minutes_ref').innerHTML = ref_minutes;

               document.querySelector('.seconds_ref').innerHTML = ref_seconds;

           };

           // start

           var interval = setInterval(countdown, );

       })();

更多资讯请点击:知识

热门资讯

日本1月實際工資同比下降0.6%

2024-12-23 07:421071人浏览

植物大战僵尸 源码

2024-12-23 07:272552人浏览

串口调试 源码_串口调试源码

2024-12-23 06:562688人浏览

源码网 整站源码

2024-12-23 06:521815人浏览

推荐资讯

哄抬口罩价格,市场监管部门拟重罚300万元

中国消费者报北京讯(记者任震宇)为应对新型冠状病毒感染肺炎疫情防控提供保障,市场监管总局印发《关于坚决维护防疫用品市场价格秩序的公告》,指导并督促各级市场监管部门加强对口罩等防疫用品的价格监督检查,查

微信 营销 源码

1.90后创业代表人物都有哪些2.我想要一套微信分销系统源码,一般价格多少钱呢?3.企业微信scrm系统源码哪家做的最好呢?4.微信第三方平台源码怎么使用90后创业代表人物都有哪些 一、小猪CMS

企业java源码_java源码大全

1.Java源码规则引擎:jvs-rules 8月新增功能介绍2.java源文件在哪里,如何查找java的源代码?3.七爪源码:如何使用 Java 访问 BigQuery 数据仓库4.用JAVA写出源