hello
这是一个模拟黑客的玩意
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8"><link rel="shortcut icon" href="https://fediafedia.com/favicon.ico" type="image/x-icon">
<title>GEEKTyper.com - Hacking Simulator</title>
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google" content="notranslate" />
<meta name="description" content="HACK LIKE A PROGRAMMER IN MOVIES AND GAMES!">
<meta name="keywords" content="Pretend, Hacking, Simulator, 4chan, Anonymous, HackerTyper, GeekTyper, Hacker Typer, Geek Typer, Silverfish, Matrix, NSA, FBI, ">
<meta name="classification" content="Novelty">
<meta property="og:title" content="GEEKTyper.com - Hacking Simulator">
<meta property="og:description" content="HACK LIKE A PROGRAMMER IN MOVIES AND GAMES!">
<meta property="og:image" content="http://geektyper.com/thumbnail.png">
<meta property="og:image:width" content="480">
<meta property="og:image:height" content="270">
<meta property="og:url" content="http://geektyper.com/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@geektyper">
<meta name="twitter:creator" content="@fediafedia">
<meta name="twitter:title" content="GEEKTyper.com - Hacking Simulator">
<meta name="twitter:description" content="HACK LIKE A PROGRAMMER IN MOVIES AND GAMES!">
<meta name="twitter:image" content="http://geektyper.com/thumbnail.png">
<meta name="twitter:image:alt" content="GEEKTyper.com Promo">
<meta property="og:site_name" content="GEEKTyper.com - Hacking Simulator">
<meta property="fb:app_id" content="geektyper" />
<script type="4c924102a51faf0eeda8377b-text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45751574-3', 'auto');
ga('send', 'pageview');
</script>
<link rel="stylesheet" type="text/css" href="style.css">
<meta name="viewport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="">
<link rel="shortcut icon" href="https://fediafedia.com/favicon.gif">
<script type="4c924102a51faf0eeda8377b-text/javascript">
<!--
if (screen.width <= 800) {
window.location = "/mobile";
if (top.location!= self.location) {
top.location = self.location.href;
}
}
//-->
</script>
<link rel="stylesheet" href="swiper.min.css">
<script type="4c924102a51faf0eeda8377b-text/javascript">
function printMsg() {
if (navigator.userAgent.indexOf('Mac OS X') != -1) {
var node2 = document.getElementById("write2");
node2.innerHTML = '⌘-Shift-F';
var node = document.getElementById("write1");
node.innerHTML = '⌘-Shift-F';
} else {
var node2 = document.getElementById("write2");
node2.innerHTML = 'F11';
var node = document.getElementById("write1");
node.innerHTML = 'F11';
}
}
function showWarning() {
var yeahOk = localStorage.getItem('yeahOk');
if (yeahOk == '2'){
document.getElementById('warning').style.display = 'none';
}
}
function yeahWhatever() {
document.getElementById('warning').style.display = 'none';
var yeahOk = localStorage.getItem('yeahOk');
if (yeahOk == '1'){
localStorage.setItem('yeahOk', '2');
}
else if (yeahOk == '2'){
localStorage.setItem('yeahOk', '2');
}
else {
localStorage.setItem('yeahOk', '1');
}
}
</script>
<style type="text/css">
#warning {background:black;width:100vw;height:100vh;position:fixed;z-index:9;}
#warning img {width:150px;margin-top:100px;}
#warning h1 {font-family:Arial;color:red;font-size:55px;margin:20px;text-align:center}
#warning p {color:red;font-size:20px;margin:20px;}
#warning button { cursor:pointer;font-size:20px;}
#warning button:disabled { opacity:0.5; }
</style>
</head>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="4c924102a51faf0eeda8377b-|49"></script><body onload="printMsg();">
<div id="warning">
<center>
<img src="warning.png" />
<h1>PRANK WARNING</h1>
<p>This is a novelty page designed to parody silly "hacking" done in TV Shows and Movies.<br>There is no real hacking going on. Please be careful where and how you use this. </p>
<b>Scammers may try to use this page to make you think you were hacked, don't believe them!</b><br><br>
<br>
<br>
<button id="btnCounter" disabled onclick="if (!window.__cfRLUnblockHandlers) return false; yeahWhatever()" data-cf-modified-4c924102a51faf0eeda8377b-="">OK, let me in (<span id="count"></span>)</button>
<center>
</div>
<div id="popupVid" onclick="if (!window.__cfRLUnblockHandlers) return false; toggleVideo('hide');document.getElementById('popupVid').style.display = 'none';" data-cf-modified-4c924102a51faf0eeda8377b-="">
<iframe width="500" height="315" src="https://www.youtube.com/embed/N_qT1cUymfk?enablejsapi=1" frameborder="0" allowfullscreen></iframe>
<br /><br />
</div>
<div class="centerDiv">
<div class="div1">
<div id="leftside">
<center>
<div class="midsegment">
<a href="index.html"><img class="logo" src="ASSETS/homepage/img/logo.png" /></a>
<ul class="tab-links" style="clear:both;">
<li class="active"><a href="#tab1" onclick="if (!window.__cfRLUnblockHandlers) return false; document.getElementById("p1").style.display = "block";document.getElementById("p2").style.display = "none";document.getElementById("p3").style.display = "none";document.getElementById("p4").style.display = "none";" data-cf-modified-4c924102a51faf0eeda8377b-="">MAIN</a></li>
<li><a href="#" onclick="if (!window.__cfRLUnblockHandlers) return false; document.getElementById("p1").style.display = "none";document.getElementById("p2").style.display = "block";document.getElementById("p3").style.display = "none";document.getElementById("p4").style.display = "none";" data-cf-modified-4c924102a51faf0eeda8377b-="">WHAT</a></li>
<li><a href="#" onclick="if (!window.__cfRLUnblockHandlers) return false; document.getElementById("p1").style.display = "none";document.getElementById("p3").style.display = "block";document.getElementById("p2").style.display = "none";document.getElementById("p4").style.display = "none";" data-cf-modified-4c924102a51faf0eeda8377b-="">ABOUT</a></li>
<li><a href="#" onclick="if (!window.__cfRLUnblockHandlers) return false; document.getElementById("p1").style.display = "none";document.getElementById("p4").style.display = "block";document.getElementById("p2").style.display = "none";document.getElementById("p3").style.display = "none";" data-cf-modified-4c924102a51faf0eeda8377b-="">DOWNLOAD</a></li>
<li><a href="/cdn-cgi/l/email-protection#93f4f6f6f8e7eae3f6e1d3fce6e7fffcfcf8bdf0fcfe" onclick="if (!window.__cfRLUnblockHandlers) return false; " data-cf-modified-4c924102a51faf0eeda8377b-=""><img src="ASSETS/img/e-mail-envelope.png" /></a></li>
</ul>
<br><br>
<div style="width:428px;height:30px;float:left;">
<a href="https://twitter.com/share" style="float:left;" class="twitter-share-button" data-url="http://geektyper.com" data-via="fediafedia">Tweet</a>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="4c924102a51faf0eeda8377b-text/javascript">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fgeektyper%2F&width=98&layout=button&action=like&show_faces=true&share=true&height=65&appId" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;float:left;" allowTransparency="true"></iframe>
<a href="https://discord.gg/d8Frd8z" target="_blank"><img style="float:right;width:100px;margin-top:-10px;" class="logo" src="https://i.imgur.com/QY2K7uW.png" /></a>
<a title="Get the Official App" href="https://play.google.com/store/apps/details?id=com.blumont.geektyper2" target="_blank"><img style="float:right;width:120px;margin-top:-20px;margin-right: 10px;" class="logo" src="playstore.png" /></a>
</div>
</div>
</center>
</div>
</div>
<div id="p2" style="display:none;" class="div2">
<div id="rightside2">
<p><h2 style="color:white;">HACK LIKE A PROGRAMMER IN MOVIES AND GAMES!</h2><br>GeekTyper was inspired by the various media where hacking is usually portrayed incorrectly.<br>
<br>
Simply randomly mash your keyboard and code will be simulated on your screen.
<br>Press TAB to display hotkeys that activate various effects<br></p>
<br><h2>VIDEO TUTORIAL / INFO</h2><br><br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/aprMY7JAKrA" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div id="p3" style="display:none;" class="div2">
<div id="rightside3">
<br><br>
<h2>DISCLAIMER</h2>
This site is intended to be a practical JOKE. We are <b>not responsible for any trouble</b> you may get into with this.<br><br>The "hacking" isn't real, and everything you type isn't stored anywhere. Your preferences are stored in your browser's cache. <b>We are not responsible for user created content.</b>
<br> <br> <hr>
<h2>CREDITS</h2>
Project created by fediaFedia and Lexuzieel. Please don't visit my <a href="http://fediafedia.com/">webzone</a>.
<br>Thanks to Giblet and sxp for their help. Also thanks to Jimmy and Mike-Dragon. Script by Simone Masiero. Credits to Introversion for the Encryption image and to <a href="http://bigtreeworld.com">Big Tree World</a> for the VB hacking GUI
<br><br>
<hr>
<h2>PREVIEWS</h2>
<a target="_blank" href="https://imgur.com/a/Nk2PH"><img style="width:120px;" class="screenshots" src="ASSETS/homepage/img/thumbs/1.jpg" /></a>
<a target="_blank" href="https://imgur.com/a/Nk2PH"><img style="width:120px;" class="screenshots" src="ASSETS/homepage/img/thumbs/2.jpg" /></a>
<a target="_blank" href="https://imgur.com/a/Nk2PH"><img style="width:120px;" class="screenshots" src="ASSETS/homepage/img/thumbs/3.jpg" /></a>
<a target="_blank" href="https://imgur.com/a/Nk2PH"><img style="width:120px;" class="screenshots" src="ASSETS/homepage/img/thumbs/4.jpg" /></a>
<a target="_blank" href="https://imgur.com/a/Nk2PH"><img style="width:120px;" class="screenshots" src="ASSETS/homepage/img/thumbs/5.jpg" /></a>
<br><br>
<hr>
<h2>LEGAL</h2>
Logos used from Sony Pictures, SCP, VALVe, Hasbro are for entertainment purposes only and may be subject to copyright. <b>You can use GeekTyper in your movie/video, but please let us know by <a href="/cdn-cgi/l/email-protection#0a6d6f6f617e737a6f784a657f7e6665656124696567">email</a>!</b>
<br><br>
<img style="width:150px;border:none;clear:both;display:none;" id="license" src="ASSETS/homepage/img/license.png" />
</div>
</div>
<div id="p4" style="display:none;" class="div2">
<div id="rightside4">
<div style="background:#888;min-height:280px;margin:0;width:100%;border:0;width:336px;">
</div>
<br><br>
<br><br><h2>APPS FOR PHONES & PC:</h2><br>
<a title="Get the Official App" href="https://play.google.com/store/apps/details?id=com.blumont.geektyper2" target="_blank"><img style="width:230px;" class="logo" src="playstore.png" /></a>
<a href="https://hostr.co/U76n3uxTX08E" class="butt" id="red"><img style="border:0;width:32px;margin-bottom:-10px;margin-right:5px;" src="ASSETS/homepage/img/downloadicon.png" /> For Windows</a>
<a target="_blank" href="https://lexuzieel.deviantart.com/art/Neo-HackerTyper-Screensaver-for-Windows-436142249" class="butt"><img style="border:0;width:32px;margin-bottom:-10px;margin-right:5px;" src="ASSETS/homepage/img/downloadicon.png" /> Get Screensaver</a>
</div>
</div>
<div id="p1" class="div2">
<div id="rightside">
<center id="press1">Press <span id="write2">F11</span>, select a theme and start typing:</center>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="ASSETS/homepage/img/create.png" style="width:25%;margin-left:70px;float:left;margin-top:-50px;margin-bottom:-50px;text-align:left;position:relative;" />
<div id="images" style="margin-left:70px;">
<a id="green" style="background:#bd0101;" onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='tegnio/'" href="tegnio/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="ASSETS/img/main.png" title="Remembers your settings">
<div class="caption">Tegnio (Customizable)</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='cyberpunk/'" href="cyberpunk/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="ASSETS/img/cyberpunk.png">
<div class="caption">MILITECH (Cyberpunk)</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='shield/'" href="shield/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="ASSETS/img/shield.png">
<div title="" class="caption">SHIELD Version</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='biohazard/'" href="biohazard/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="ASSETS/img/biohazard.png">
<div title="" class="caption">COV BIOHAZARD</div>
</a>
<a id="green" onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='scp/'" href="scp/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/bF2tc2V.jpg">
<div class="caption">SCP</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='umbrella/'" href="umbrella/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="ASSETS/img/umbrella_thumb.png">
<div class="caption">Umbrella Corp</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='aperture/'" href="aperture/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/Kb4o0uI.jpg">
<div class="caption">Aperture Science</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='fsociety/'" href="fsociety/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="ASSETS/img/mrrobot.png">
<div class="caption">Mr. Robot (fsociety)</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='studio/'" href="studio/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/tTwtzQz.png">
<div class="caption">Visual Studio</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div id="images" style="margin-left:70px;">
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='blackmesa/'" href="blackmesa/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/T1pL2ib.jpg">
<div class="caption">Black Mesa</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='fallout/'" href="fallout/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="ASSETS/img/fallout.png">
<div title="Hacking is now possible without vision!" class="caption">Fallout Version</div>
</a>
<a id="green" onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='minecraft/'" href="minecraft/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/nBpwSWJ.png">
<div class="caption">Minecraft</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='matrix/'" href="matrix/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/lHjKmQT.png">
<div class="caption">Matrix</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='pony/'" href="pony/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/bMwdWFF.png">
<div class="caption">MLP Typer</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='word/'" href="word/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/8QWNpb4.png">
<div class="caption">Microsoft Word</div>
</a>
<a id="green" onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='nasa/'" href="nasa/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/0EHuyPP.png">
<div class="caption">NASA</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='plain/'" href="plain/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/RZG9ghe.png">
<div class="caption">Plain Terminal</div>
</a>
<a id="green" onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='anon/'" href="anon/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/d3TZj9Z.png">
<div class="caption">Anonymous</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div id="images" style="margin-left:70px;">
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='lolcode/'" href="lolcode/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/OzxnXFb.png">
<div class="caption">LOLCODE</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='dharma/'" href="dharma/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/QXMmQwN.png">
<div class="caption">Dharma</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='tegnio/'" href="tegnio/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/DXB4jK7.png">
<div class="caption">Sliv</div>
</a>
<a id="green" onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='blue/'" href="blue/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/57C9mln.png">
<div class="caption">GeekTyper Blue</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='writer/'" href="writer/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="ASSETS/img/writer.png">
<div title="Hacking is now possible without vision!" class="caption">Writer</div>
</a>
<a id="green" onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='unsc/'" href="unsc/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/wTlKxIk.png">
<div class="caption">Halo / UNSC</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='hey/'" href="hey/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/5Sqs6jO.png">
<div class="caption">HE-MAN</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='braile/'" href="braile/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/vV4t9Jm.png">
<div title="" class="caption">Braile Version</div>
</a>
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='alien/'" href="alien/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="ASSETS/img/alien.png">
<div title="" class="caption">Alien Version</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div id="images" style="margin-left:70px;">
<a onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='combine/'" href="combine/" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/sxaHAoi.jpg">
<div class="caption">Combine</div>
</a>
<a id="green" onclick="if (!window.__cfRLUnblockHandlers) return false; location.href='mailto:geektyper@outlook.com'" href="/cdn-cgi/l/email-protection#84e3e1e1eff0fdf4e1f6c4ebf1f0e8ebebefaae7ebe9bf" data-cf-modified-4c924102a51faf0eeda8377b-="">
<img src="https://i.imgur.com/eXe1Wo3.png">
<div class="caption">Suggest YOUR Theme</div>
</a>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<img src="ASSETS/homepage/img/more.png" style="margin-left:70px;float:left;margin-top:-35px;margin-bottom:-50px;text-align:left;position:relative;width:30%;" />
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="swiper.min.js" type="4c924102a51faf0eeda8377b-text/javascript"></script>
<script type="4c924102a51faf0eeda8377b-text/javascript">
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
loop: true,
spaceBetween: 30
});
</script>
<script src="upup.min.js" type="4c924102a51faf0eeda8377b-text/javascript"></script>
<script type="4c924102a51faf0eeda8377b-text/javascript">
UpUp.start({
'content-url': 'offline.html',
'assets': ['ASSETS/script.js', 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js']
});
</script>
<div id="powered" style="left:auto;right:40px;"><a href="http://fediafedia.com" target="_blank"><img src="ASSETS/homepage/img/powered.png" /></a></div>
<div id="powered" style="left:auto;left:40px;"><a href="https://twitter.com/fediafedia/status/715828280851607553" target="_blank"><img src="ASSETS/img/snoopdogg.png" /></a></div>
<div id="itemz" style="position:fixed; top:10px; left:10px; overflow:hidden; color:#fff; background-color:#3a3a3a; height:90px; z-index:17">
We rely on ads to host this site, please consider whitelisting it if you like it! :)
</div>
<div id="itemz" style="position:fixed; top:10px; left:10px; overflow:hidden; background:none; height:90px; z-index:17">
<script type="4c924102a51faf0eeda8377b-text/javascript">
// Get refreence to span and button
var spn = document.getElementById("count");
var btn = document.getElementById("btnCounter");
var count = 3; // Set count
var timer = null; // For referencing the timer
(function countDown(){
// Display counter and start counting down
spn.textContent = count;
// Run the function again every second if the count is not zero
if(count !== 0){
timer = setTimeout(countDown, 1000);
count--; // decrease the timer
} else {
// Enable the button
btn.removeAttribute("disabled");
yeahWhatever();
}
}());
showWarning()
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" type="4c924102a51faf0eeda8377b-text/javascript"></script>
<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-3193838836354850" data-ad-slot="3320804794"></ins>
<script type="4c924102a51faf0eeda8377b-text/javascript">
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="4c924102a51faf0eeda8377b-|49" defer=""></script></body>
</html>
重力点（鼠标左键生成小圆圈○）
<!doctype html>
<!--[if lte IE 9]>
<html lang="en" class="oldie">
<![endif]-->
<!--[if gt IE 9]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="pd+o2ytSsAQPNfYb6qdchd5a6X1jnugvOoX9u1uHU9yKll3x87ic3Gu1xubwfPfZGoWMlzSWMO6DPMce7nWNPQ==" />
<title>CodePen - Gravity Points</title>
<link rel="stylesheet" media="screen" href="https://cpwebassets.codepen.io/assets/fullpage/fullpage-96f5da14bc71e5883d519b4eb5e93297dde552c2f91a97fcfb30035219cf1c1a.css" />
<link rel="stylesheet" media="all" href="https://cpwebassets.codepen.io/assets/global/global-d73e501b08050efa70e8e84afc217093772215b7381391a6598d342882edbe51.css" />
<link rel="stylesheet" media="screen" href="https://cpwebassets.codepen.io/assets/packs/css/1-bd04453e.chunk.css" />
<link rel="stylesheet" media="screen" href="https://cpwebassets.codepen.io/assets/packs/css/everypage-5fc0aebd.css" />
<link rel="stylesheet" media="all" href="https://cpwebassets.codepen.io/assets/page/page-ae458df5882eba980fa4b025c90906942433c238167d86f941cc1313b68aaa41.css" />
<link rel="stylesheet" media="all" href="https://cpwebassets.codepen.io/assets/editor/editor-743b14e25a2f350dc8981fba1410eb2d93f9fec0b6cf2553835feeb8a48d2386.css" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@CodePen">
<meta name="twitter:title" content="Gravity Points">
<meta name="twitter:description" content="http://jsdo.it/akm2/5SPA...">
<meta name="twitter:image" content="https://shots.codepen.io/akm2/pen/AGgarW-800.jpg?version=1496627466">
<meta property="og:image" content="https://shots.codepen.io/akm2/pen/AGgarW-800.jpg?version=1496627466" itemprop="thumbnailUrl">
<meta property="og:title" content="Gravity Points">
<meta property="og:url" content="https://codepen.io/akm2/details/AGgarW">
<meta property="og:site_name" content="CodePen">
<meta property="og:description" content="http://jsdo.it/akm2/5SPA...">
<link rel="alternate" type="application/json+oembed" href="https://codepen.io/api/oembed?url=https%3A%2F%2Fcodepen.io%2Fakm2%2Fpen%2FAGgarW&format=json" title="Gravity Points" />
<link rel="apple-touch-icon" type="image/png" href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png" />
<meta name="apple-mobile-web-app-title" content="CodePen">
<link rel="shortcut icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico" />
<link rel="mask-icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/logo-pin-8f3771b1072e3c38bd662872f6b673a722f4b3ca2421637d5596661b4e2132cc.svg" color="#111" />
<script nonce="CtNGAsNFbsI=">
/* Firefox needs this to prevent FOUT */
</script>
</head>
<body class="fullpage logged-out sidebar-false">
<header id="main-header" class="main-header"></header>
<div class="oldie-header">
<a href="https://codepen.io/akm2/pen/AGgarW">Edit Pen</a>
</div>
<div id="result-iframe-wrap" role="main">
<iframe id="result" src="https://cdpn.io/akm2/fullpage/AGgarW" sandbox="allow-forms allow-modals allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation allow-downloads allow-presentation" allow="accelerometer; camera; encrypted-media; display-capture; geolocation; gyroscope; microphone; midi; clipboard-read; clipboard-write; web-share" allowTransparency="true" allowpaymentrequest="true" allowfullscreen="true" class="result-iframe" loading="lazy"></iframe>
</div>
<div id="full-view-ad"></div>
<textarea id="init-data" style="display:none">{"__browser":{"device":"unknown_device","mobile":false,"name":"chrome","platform":"pc","version":"86"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer; camera; encrypted-media; display-capture; geolocation; gyroscope; microphone; midi; clipboard-read; clipboard-write; web-share","iframe_sandbox":"allow-forms allow-modals allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation allow-downloads allow-presentation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails","cpedata":{"action":"show_secure_full_page","controller":"fullpage"}},"__user":{"anon":true,"base_url":"/anon/","current_team_id":0,"current_team_hashid":null,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNjcyMDI2MzQzLCJpYXQiOjE2NzIwMjI3NDMsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.NTIwB3LhQmCe50ovuB6YGlyub3N3OP5yT0apcSJq-PkVzySBI3yYsKhi5YULO8tpgFk2w0gB86w-41N8EBENBz0Ct6OvrcmdZEPjunEJAFu9FX_oVa1i_Gm1tE5zG_ukpfYYv6K11T7L9PfrjKcMO62hb_qe-FmiFYqyFDiVvtvbUotBVJQ6LyuTw9ncQCydRUFKiJ35cupU-b97DiPhOP_FvV93kC5gwW8jmD523VUZjbRn74Oik5asT1pUUsBrSrGdNQSHyB1caeOXff8DynvOT0mIatujSN3--7vWnH55rc5z7B9CTS1TvRtn4fqzyyy5x6anRltm1UY40C3lsw"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__item":"{\"id\":104885,\"hashid\":\"AGgarW\",\"itemType\":\"pen\",\"user_id\":10588,\"slug_hash\":\"rHIsa\",\"private\":false,\"slug_hash_private\":\"2f66b7f978679a107a884040c03f93f8\"}","__profiled":{"base_url":"/akm2","hashid":"ZOboqM","id":10588,"name":"Akimitsu Hamamuro","type":"user","username":"akm2"},"__pageType":"full"}</textarea>
<div id="popup-overlay" class="overlay popup-overlay"></div>
<div id="modal-overlay" class="overlay modal-overlay"></div>
<script src="https://cpwebassets.codepen.io/assets/common/everypage-2e5eb3b6864f69eebe56d6a6865391d564ae6ea1d098dfc9a05c06299edc21ec.js"></script>
<script src="https://cpwebassets.codepen.io/assets/common/analytics_and_notifications-dabea89133f3a919e973a927aebbc27318967ac159bc8c7b657d656880822e14.js"></script>
<script src="https://cpwebassets.codepen.io/assets/packs/js/vendor-6a4f89cf0043e5f1c598.chunk.js"></script>
<script src="https://cpwebassets.codepen.io/assets/packs/js/1-015dd5d0369547c1db85.chunk.js"></script>
<script src="https://cpwebassets.codepen.io/assets/packs/js/referrer-tracking-08d1e02ddbab412f199c.js"></script>
<script src="https://cpwebassets.codepen.io/assets/packs/js/vendor-6a4f89cf0043e5f1c598.chunk.js"></script>
<script src="https://cpwebassets.codepen.io/assets/packs/js/1-015dd5d0369547c1db85.chunk.js"></script>
<script src="https://cpwebassets.codepen.io/assets/packs/js/everypage-5e4364330e48a045f948.js"></script>
<script src="https://cpwebassets.codepen.io/assets/editor/full/full_page_renderer-75483c3742ded4f45cda1e855d365f044c67efcf4bd87214e032a869c080b97f.js"></script>
<script nonce="CtNGAsNFbsI=">(function(){var js = "window['__CF$cv$params']={r:'77f67b62d965fb30',m:'kjE2bkNVMa0uon6sa2LYZsQjriGX4j5T28f_Pm3B.mM-1672022743-0-AZHMqF+ShcW76P0G5jCSwlGVcnW/Ovn3OUcS7gWdPSolZYcmP4W8OPPofN8790soyxj7JW26PPubdQnI7jAF/ITo0+rRrPehvfywfe/6mnFQStz9Z6Y82ErUite4f8LsMz/R5YniuJwzsDe1TM70pSU=',s:[0xf6e8d4fc01,0xba2c43bb0e],u:'/cdn-cgi/challenge-platform/h/g'};var now=Date.now()/1000,offset=14400,ts=''+(Math.floor(now)-Math.floor(now%offset)),_cpo=document.createElement('script');_cpo.nonce='CtNGAsNFbsI=',_cpo.src='/cdn-cgi/challenge-platform/h/g/scripts/alpha/invisible.js?ts='+ts,document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.nonce = 'CtNGAsNFbsI=';_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script></body>
</html>
有一个广告，让你们看一看：
这个是30个用拼图组成的频临灭绝的动物，（没有代码，只有链接）
http://www.webhek.com/misc-res/species-in-pieces/#（我这里有图片）
又有一个广告，让你们看一下：
更多代码，尽在我的主页。。。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
