魅族的“火爆”预定表示“呵呵呵”-不要怪我拆穿
个人对魅族手机也经常关注,觉得设计感比较赞,昨天刚MX4发布完,今天去官网看看,点击预定发现如图:
呵呵,没想到这么“火爆”,细想下点击之后弹窗的速度怎么会这么快,终于细想....不会是....
用firebug查看下网络请求
于是“呵呵呵”拆穿了吧!
看下脚本:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | var focusImgTime = null ; var dom = document.getElementById( "waitPreorder" ); var opacity = document.getElementById( "opacity" ); var focusImg = document.getElementById( "focusImg" ); var currentImg = 1; var isFocusImg = true ; var startFocusImgTime = null ; var startBooking = function () { var mobliePreorder = document.getElementById( "mobliePreorder" ); mobliePreorder.onclick = function () { <strong> var r = Math.ceil(Math.random() * 10); r > 5 ? getJsonpRequest() : getFocusImg() //这里就是关键的地方了 ,随机一个数字决定你是否直接跳到预定还是弹“火爆“窗体</strong> } }; var getJsonpRequest = function () { var url = "http://count.booking.meizu.com/count.php?jsonpcallback=getActivityData" ; var script = document.createElement( 'script' ); script.setAttribute( 'src' , url); document.getElementsByTagName( 'head' )[0].appendChild(script) //脚本请求返回结果调用下面getActivityData的方法 };<br> //处理结果返回预定的跳转地址 var getActivityData = function (data) { if ( typeof data[0] != 'undefined' && typeof data[0][ 'result' ] != 'undefined' && data[0][ 'result' ] == '1' ) { startFocusImgTime = null ; window.location.href = data[0][ 'msg' ] } else { isFocusImg && getFocusImg() } };<br> //弹窗 var getFocusImg = function () { isFocusImg = false ; var clientHeight = document.documentElement.clientHeight; var bodyHeight = document.body.clientHeight; dom.style.display = "block" ; opacity.style.width = document.documentElement.clientWidth; opacity.style.height = bodyHeight + "px" ; focusImg.style.top = (clientHeight - 612) / 2 + "px" ; focusImg.style.left = (document.documentElement.clientWidth - 992) / 2 + "px" ; <strong>startFocusImgTime = setInterval( function () { getJsonpRequest() }, 5000) //倒数5秒后请求跳转</strong> }; startBooking(); |
相信大家一目了然了,其实没什么技术含量,虽然只是商家想促销的的手段,只是感觉被欺骗了就不爽了,认真做好产品自然会获得用户!
这里向魅族写官网脚本的同行表示下歉意,因为想你做的更好,所以才会关注!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验