<script>
jQuery(function($) {
(function() {
var $bnBar = $(''),
$topBn = $('#J_topBn'),
$topBnBackdrop = $('#J_topBackdrop'),
$counter = $('.J_counter'),
$closeBnTrigger = $('.J_closeBn'),
timeoutTopBn,
bnCounter = 10;

function countDown() {
bnCounter -= 1;
if (bnCounter < 1) {
closeBn();
}
else {
$counter.text(bnCounter + '秒后');
}
}

function closeBn() {
window.clearInterval(timeoutTopBn);
$counter.remove();
$topBn.animate({
'top': -$topBn.height()
}, 500, function() {
$topBn.hide();
$topBnBackdrop.hide();
});

var expireDate;
expireDate = new Date(Math.round(new Date().getTime()) + 1000 * 60 * 60 * 6);

XIAOMI.app.cookie('indexTopBn', '1', {
expires: expireDate
});
}

//$bnBar.insertBefore($('.site-topbar'));

if (XIAOMI.app.cookie('indexTopBn') !== '1') {
$topBn.show();
$topBnBackdrop.height($(document).height()).show();

timeoutTopBn = window.setInterval(function() {
countDown();
}, 1000);

$closeBnTrigger.on('click', function(e) {
e.preventDefault();
closeBn();
});
}
}());

(function() {
if (!$('.site-bn').length) {
if(window.location.href.split('?').length < 2){
return false;
}
if (window.location.href.split('?')[1].indexOf('f=xiaomi') !== -1) {

var timeoutModalFrom,
modalFromCounter = 5,
$modalFrom = $('<div class="modal modal-from-xiaomi"><div class="modal-body"><a class="btn-enter J_closeModalFrom" href="javascript: void(0);"><span class="J_xmCounter">10秒后</span> 进入小米网</a><span class="close J_closeModalFrom" data-dismiss="modal"><i class="iconfont"></i></span></div></div>');

function modalCountDown() {
modalFromCounter -= 1;

if (modalFromCounter < 1) {
closeModalFrom();
}
else {
$('.J_xmCounter').text(modalFromCounter + '秒后');
}
}

function closeModalFrom() {
window.clearInterval(timeoutModalFrom);
$modalFrom.modal('hide');
var expireDate = new Date(Math.round(new Date().getTime()) + 1000 * 60 * 60 * 2);
XIAOMI.app.cookie('indexFromXiaomi', '1', {
expires: expireDate
});
}

if (XIAOMI.app.cookie('indexFromXiaomi') !== '1') {
$('body').append($modalFrom);
$modalFrom.modal({
'show': true
});

timeoutModalFrom = window.setInterval(function() {
modalCountDown();
}, 1000);

$('.J_closeModalFrom').on('click', function(e) {
e.preventDefault();
closeModalFrom();
});
}
}
}
}());

});
</script>

小米域名过渡JS的更多相关文章

  1. Java - 字符串和Unicode互转 - 解析小米pm.min.js

    小米JS地址: http://p.www.xiaomi.com/zt/20130313/huodong/pm.min.js 上面这个JS是小米抢手机页面的代码.和抢手机有直接关联.. 虽然我3次都没抢 ...

  2. 微信开发-业务域名、JS接口安全域名、网页授权域名

    在微信公众平台上可配置这些域名. 1.业务域名:在微信浏览器中点击文本框,会弹出下面的提示,很不爽,通过配置业务域名可以将该提示去掉 2.JS接口安全域名:分享到朋友圈(js-sdk)时用上,此接口要 ...

  3. js引入php 用来加载静态页面 输出到页面中

    HTML页面中加入代码 <script type="text/javascript" src="http://www.域名.com/js.php?id=tjyd&q ...

  4. js跨越请求的2中实现 JSONP /后端接口设置运行跨越header

    由于浏览器同源策略,a域名的js向b域名ajax请求会被禁止.JS实现跨越访问接口有2中办法. 1.后端接口设置允许跨越的header头. //header('Access-Control-Allow ...

  5. Js跨域、父级窗口执行JS赋值、取值,更改元素

    网站域名: A:http://www.xxoo.com/a.html B:http://www.aabb.com/b.html B网站嵌套与A网站(A的a中的Iframe指向B中的b)b要让父级a页面 ...

  6. 前端跨域问题相关知识详解(原生js和jquery两种方法实现jsonp跨域)

    1.同源策略 同源策略(Same origin policy),它是由Netscape提出的一个著名的安全策略.同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正 ...

  7. 鸿蒙之后,小米 Vela 也来了,下一代物联网平台应该是什么?

    1. 华为鸿蒙基于jerryscript构建物联网应用框架 2020年9月10日 鸿蒙OS 1.0 正式版发布,面向物联网领域,鸿蒙推出了类web开发架构ACE JS = LiteOS + jerry ...

  8. .NET Core之微信支付之公众号、H5支付篇

    前言 本篇主要记录微信支付中公众号及H5支付全过程. 准备篇 公众号或者服务号(并开通微信支付功能).商户平台中开通JSAPI支付.H5支付. 配置篇 公众号或者服务号中 -------开发----- ...

  9. 前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)

    0. 前端自动化(Workflow) 前端构建工具 Webpack - module bundler Yeoman - a set of tools for automating developmen ...

随机推荐

  1. Java-集合框架整理

    一.List 接口集合: 1.优势以及特点:有序,允许重复元素 . 2.实现类: * AarrayList 类:不同步,可变长度数组,倍增率为 1/n ; * LinkedList 类:不同步,链表结 ...

  2. CUBRID学习笔记 47 show

    cubrid的中sql查询语法show c#,net,cubrid,教程,学习,笔记欢迎转载 ,转载时请保留作者信息.本文版权归本人所有,如有任何问题,请与我联系wang2650@sohu.com . ...

  3. 作用域内优先级及this指针

    函数声明>变量声明 作用域:顶部----------------------> 函数声明会覆盖变量声明,但不会覆盖变量赋值 this指针不是变量.当调用括号的左边不是引用类型而是其它类型, ...

  4. STL--stack

    stack--概述: 栈(Stack)是一种特殊的线性表,只能在某一端插入和删除的特殊线性表.它按照后进先出的原则存储数据,先进入的数据被压入栈底,最后的数据在栈顶.栈也称为先进后出表(LIFO). ...

  5. 详解公用表表达式(CTE)

    简介 对于SELECT查询语句来说,通常情况下,为了使T-SQL代码更加简洁和可读,在一个查询中引用另外的结果集都是通过视图而不是子查询来进行分解的.但是,视图是作为系统对象存在数据库中,那对于结果集 ...

  6. T-SQL利用Case When Then多条件判断

    CASE    WHEN 条件1 THEN 结果1    WHEN 条件2 THEN 结果2    WHEN 条件3 THEN 结果3    WHEN 条件4 THEN 结果4.........    ...

  7. Web浏览器的缓存机制

    Web缓存的工作原理 所有的缓存都是基于一套规则来帮助他们决定什么时候使用缓存中的副本提供服务(假设有副本可用的情况下,未被销毁回收或者未被删除修改).这些规则有的在协议中有定义(如HTTP协议1.0 ...

  8. js打印出对象的方法

    var description = ""; for (var i in order) { var property = order[i]; description += i + & ...

  9. 使用连接来代替in和not in(使用外连接技巧)

    比如:表A里面的一个字段叫做MOBILE 里面存的记录如下 : 123456781 表B里面的一个字段也叫做MOBILE里面存的记录如下 12341910   (1)我们要查询一下A和B里面都有的,以 ...

  10. Linux命令之nslookup

    http://www.computerhope.com/unix/unslooku.htm About nslookup The nslookup command is used to query i ...