小米域名过渡JS
<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的更多相关文章
- Java - 字符串和Unicode互转 - 解析小米pm.min.js
小米JS地址: http://p.www.xiaomi.com/zt/20130313/huodong/pm.min.js 上面这个JS是小米抢手机页面的代码.和抢手机有直接关联.. 虽然我3次都没抢 ...
- 微信开发-业务域名、JS接口安全域名、网页授权域名
在微信公众平台上可配置这些域名. 1.业务域名:在微信浏览器中点击文本框,会弹出下面的提示,很不爽,通过配置业务域名可以将该提示去掉 2.JS接口安全域名:分享到朋友圈(js-sdk)时用上,此接口要 ...
- js引入php 用来加载静态页面 输出到页面中
HTML页面中加入代码 <script type="text/javascript" src="http://www.域名.com/js.php?id=tjyd&q ...
- js跨越请求的2中实现 JSONP /后端接口设置运行跨越header
由于浏览器同源策略,a域名的js向b域名ajax请求会被禁止.JS实现跨越访问接口有2中办法. 1.后端接口设置允许跨越的header头. //header('Access-Control-Allow ...
- 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页面 ...
- 前端跨域问题相关知识详解(原生js和jquery两种方法实现jsonp跨域)
1.同源策略 同源策略(Same origin policy),它是由Netscape提出的一个著名的安全策略.同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正 ...
- 鸿蒙之后,小米 Vela 也来了,下一代物联网平台应该是什么?
1. 华为鸿蒙基于jerryscript构建物联网应用框架 2020年9月10日 鸿蒙OS 1.0 正式版发布,面向物联网领域,鸿蒙推出了类web开发架构ACE JS = LiteOS + jerry ...
- .NET Core之微信支付之公众号、H5支付篇
前言 本篇主要记录微信支付中公众号及H5支付全过程. 准备篇 公众号或者服务号(并开通微信支付功能).商户平台中开通JSAPI支付.H5支付. 配置篇 公众号或者服务号中 -------开发----- ...
- 前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)
0. 前端自动化(Workflow) 前端构建工具 Webpack - module bundler Yeoman - a set of tools for automating developmen ...
随机推荐
- Mysql 导入 MSSQL
.安装mysql数据库的ODBC驱动,mysql-connector-odbc--win32.msi .打开控制面板\管理工具\数据源ODBC,在用户DSN中添加一个MySQL ODBC .51数据源 ...
- 【mark】linux 终端命令行下的快捷键(自己已验证所有)
说明: \c + a:表示ctrl+a \a + a:表示alt+a 命令列表: 1 移动: \c + a:将光标移到行首 \c + e:将光标移到行尾 \c + f:将光标向后(右)移动一个字符 \ ...
- Metasploit RPC服务共享
1) 启动一个新的MSF RPC服务,-P参数后面指定连接到的RPC服务需要提供的口令,-U参数指定连接所需输入的用户名,使用-a 0.0.0.0将RPC服务绑定到所有的网络地址,否则服务默认只绑定到 ...
- Linux的查找命令
1. 文件搜索find find是最常见和最强大的查找命令,你可以用它找到任何你想找的文件. find的使用格式如下: $ find [搜索路径] [搜索条件][搜索文件名] 如果什么参数也不加,fi ...
- So easy Webservice 5.WSDL 文件说明
WSDL – WebService Description Language – Web服务描述语言 通过XML形式说明服务在什么地方-地址. 通过XML形式说明服务提供什么样的方法 – 如何调用. ...
- WebSphere MQ 入门指南
WebSphere MQ 入门指南这是一篇入门指南.我们从最基本的概念说起: 基础概念 对于MQ,我们需要知道4个名词:队列管理器.队列.消息.通道:对于编程设计人员,通常更关心消息和队列,对于维护管 ...
- CSS笔记(十一)CSS3之边框
参考:http://www.w3school.com.cn/css3/css3_border.asp 圆角边框 <!DOCTYPE html> <html> <head& ...
- CSS3 transition/transform
Transition 1.简写属性transition,可以包括四个属性,这四个属性的顺序按照下面介绍的顺序书写,即transition:property duration timing-functi ...
- 【T-SQL系列】新的排序函数
如:ROW_NUMBER.RANK.DENSE_RANK三个分析函数都是按照col1分组内从1开始排序 ROW_NUMBER() 是没有重复值的排序(即使两天记录相等也是不重复的),可以利用它来实现分 ...
- 【T-SQL系列】WITH ROLLUP、WITH CUBE、GROUPING语句的应用
CUBE 和 ROLLUP 之间的区别在于:CUBE 运算符生成的结果集是多维数据集.多维数据集是事实数据的扩展,事实数据即记录个别事件的数据.扩展建立在用户打算分析的列上.这些列被称为维.多维数据集 ...