<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. BZOJ 3564 信号增幅仪

    题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=3564 题意:给出平面上n个点,画出一个椭圆,椭圆的长轴是短轴的p倍,且长轴的方向为x轴逆时 ...

  2. block 实现原理(内存管理详解)(二)

    在以前,MRC环境下,使用block很可能会出现内存泄漏问题,并且在以往的面试中,一些接触比较久的程序员都会喜欢问到这个问题,block内存泄漏的问题! 下面,我来介绍一下,MRC下Block内存泄漏 ...

  3. jquery之 on()方法

    原文地址:http://www.365mini.com/page/jquery-on.htm on()函数用于为指定元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需 ...

  4. ubuntu下chromium 安装flash player

    原文地址 :http://blog.sina.com.cn/s/blog_858820890102v63w.html 不记得从什么时候起,Chromium 不再支持 Netscape plugin A ...

  5. Linux运行变量中的命名脚本

    single="ls -l" $single ============= multi="ls -l | grep e" echo $multi > tmp ...

  6. 【转】在网页中运行VB6程序

      用VB6做的程序在网页里运行, 需要把程序做成OCX格式,下面简单做一介绍: 首先新建一个工程, 选择ActivX控件: 然后添加控件和代码: 然后F5运行 然后按下图设置,去掉弹出消息阻止 这样 ...

  7. Berkeley 四种产品如何选择?

    Berkeley 四种产品如何选择? 四种产品综览 Berkeley 可供选择的四款产品: DS: 简单的.支持单写单读的数据存储:支持高并发,多进程同时读操作:不支持锁,这就意味着当程序在进行更新和 ...

  8. yii2-datepicker/datetimepicker插件使用

    datepicker: https://github.com/2amigos/yii2-date-picker-widget 通过composer安装: composer require 2amigo ...

  9. iOS - UIDevice

    前言 NS_CLASS_AVAILABLE_IOS(2_0) @interface UIDevice : NSObject @available(iOS 2.0, *) public class UI ...

  10. iOS - UIWebView

    前言 NS_CLASS_AVAILABLE_IOS(2_0) __TVOS_PROHIBITED @interface UIWebView : UIView <NSCoding, UIScrol ...