-
Notifications
You must be signed in to change notification settings - Fork 0
/
online time waiter.html
143 lines (142 loc) · 8.12 KB
/
online time waiter.html
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>Aero Timer</title>
<meta name="google-site-verification" content="3k9RFFV9mK-NvTBzdK1_xEAQ6LKfVBbwpu3joGn-SJ0" />
<link href="assets/style.css?v19" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.6.3.min.js" type="text/javascript"></script>
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="site_heading" style="display:none;">Aero Timer 在线定时器</h1>
<div id="logo"><a href="/" onclick="return false;" title="主页"></a></div>
<div id="shareSection">
<div id="like"><a href="#" onclick="return false;" title="分享"></a></div>
<div id="share">
<a target="_blank" title="分享到人人网" href="http://share.renren.com/share/buttonshare.do?link=http://aerotimer.com"><img src="assets/ico/renren.ico" width="16" height="16" alt="Renren" /></a>
<a target="_blank" title="分享到QQ空间" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://aerotimer.com&title=Aero Timer 在线定时器"><img src="assets/ico/qzone.ico" width="16" height="16" alt="Qzone"/></a>
<a target="_blank" title="分享到新浪微博" href="http://v.t.sina.com.cn/share/share.php?title=Aero Timer 在线定时器&url=http://aerotimer.com&source=bookmark"><img src="assets/ico/sina.ico" width="16" height="16" alt="Sina"/></a>
<a target="_blank" title="分享到豆瓣" href="http://www.douban.com/recommend/?url=http://aerotimer.com&title=Aero Timer 在线定时器"><img src="assets/ico/douban.ico" width="16" height="16" alt="Douban"/></a>
<a target="_blank" title="分享到Google阅读器" href="http://www.google.com/reader/link?url=http://aerotimer.com&title=Aero Timer 在线定时器"><img src="assets/ico/google.ico" width="16" height="16" alt="Google"/>
</a>
</div>
</div>
</div>
<div id="inputSection">
<form action="" onsubmit="startTiming();return false;">
<div id="switchUntil" onclick="toggleSwitchUntil(); return false;"></div>
<input type="text" class="input-box" id="hour" value="" /><input type="text" class="input-box" id="min" value="" /><input type="text" class="input-box" id="sec" value="" />
<button type="submit" style="height:0;width:0;"></button>
<div id="ok-button" onclick="startTiming(); return false;"></div>
</form>
<div id="additionSettings">
<div id="switchNoLoop" onclick="toggleSwitchNoLoop(); return false;"></div>
<div id="setPrompt-button" onclick="popPromptTextSetter(); return false;"></div>
</div>
</div>
<div id="progressSection" style="display:none; overflow:hidden;">
<div id="progressBox"></div>
<div id="progressBar" style="width:0px;"></div>
<div id="progressText"></div>
<div id="cancelTimingBtn"><a href="/" onclick="cancelTiming(); return false;"></a></div>
</div>
<div id="location_0" class="location"></div>
<div id="quickAccessSection">
<div id="quickAccess-left">
<p><a onclick="toggleLang(); return false;" href="#" id="language">Switch to English</a></p>
<p>
网址后加上“问号分钟数”设定定时
<br/>
5分钟定时：<a href="?5" title="5分钟定时">aerotimer.com/?5</a>
<br/>
15分钟定时：<a href="?15" title="5分钟定时">aerotimer.com/?15</a>
<br/>
<br/>
网址后加上“问号设定时间”设定定时
<br/>
12:00闹钟：<a href="?12:00" title="12:00闹钟">aerotimer.com/?12:00</a>
<br/>
23:00闹钟（该睡觉啦）：<a href="?23:00" title="23:00闹钟">aerotimer.com/?23:00</a>
<br/>
</p>
</div>
<div id="quickAccess-right">
<ul>
<li id="createNewTimer" ><a target="_blank" href="/" id="newTimerText"> + 新建定时器</a></li>
<li id="getChromeExt"><a id="chromeExtText" href="https://chrome.google.com/extensions/detail/paaapjjeilbadekejlnanfngpmcndbln" target="_blank"> 谷歌浏览器扩展</a></li>
<li><a href="/">主页（取消定时）</a></li>
<li><a target="_blank" href="http://imyuao.com/entries/blog/aero-timer-plus">下载 Aero Timer Plus</a></li>
<li><a href="#" onclick="showContent('#about'); return false;" >关于</a></li>
<li><a href="#" onclick="showContent('#openSource'); return false;" >开放源代码</a></li>
</ul>
</div>
</div>
</div>
<div id="mask"></div>
<div id="promptTextSetter" class="popupContent">
<p id="promptSetTip">在下面的文本框中填入的文字会在时间到时显示。<br/>(测试功能) 输入 http 开头的网址，该网址将在时间到时打开。要使用此功能，请确认关闭对 aerotimer.com 的弹出窗口拦截。</p>
<hr/>
<p><input type="text" id="promptText" /></p>
<p><a id="okSetPrompt" onclick="setPrompt(); return false;">OK</a></p>
</div>
<div id="openSource" class="popupContent">
<h3>开放源代码</h3>
<div style="width:100%;height:1px; clear:both;"></div>
<hr/>
<p>
很高兴你能来到这里，这说明你有一颗善于探索的心，总希望了解事物的本质、原理。
</p>
<p>
Aero Timer Web 是一个完完全全的 JavaScript + HTML 应用，因此所有的代码都可以通过 “鼠标右键”->"查看网页源代码" 得到。
</p>
<p>
定时器核心代码在 core.js 中，style.css 定义了页面样式，代码中 jQuery 缩写为 $j ，剩下的就该你自己去探索了。
</p>
<p>最后，希望这些代码能给你帮助或启发，最终创造出更有价值的东西。</p>
<p>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="知识共享许可协议" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png" /></a><br />本作品采用<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/" target="_blank">知识共享Attribution-ShareAlike 3.0 Unported许可协议</a>进行许可。<br/>
Aero Timer Web 部分代码来自开源项目 <a href="http://jquery.com/" target="_blank">jQuery</a> 及 <a href="http://www.schillmania.com/projects/soundmanager2/" target="_blank">SoundManager2</a><br/>
注意，请不要单纯的复制本站。如有其它问题欢迎与我联系。
</p>
</div>
<div id="about" class="popupContent">
<img height="55" width="200" src="assets/img/logo.png" style="float:left;"/>
<p><br/> © YuAo 2010</p>
<div style="width:100%;height:1px; clear:both;"></div>
<hr/>
<p>
Aero Timer Web 是一个简单的在线定时器。任何地方，只要能上网，你都可以通过它方便地设定提醒，管理你的上网时间。
</p>
<p>
如果你希望有更多的功能，更多提醒方式，周期提醒等，你可以使用 <a target="_blank" href="http://imyuao.com/entries/blog/aero-timer-plus">Aero Timer Plus</a> ，它是一款桌面应用，可以免费下载和使用。
</p>
<p>Aero Timer Web，Aero Timer Plus 由 <a target="_blank" href="http://imyuao.com/">YuAo</a> 设计开发，并保留版权。</p>
<p><a href="http://imyuao.com/entries/blog/aero-timer-web" target="_blank">了解更多»</a></p>
</div>
<script>
var $j=jQuery.noConflict();
function showContent(id){
$j("#mask").fadeTo("normal","0.8");
$j(id).show("fast");
}
$j(document).ready(function(){
$j("#mask").click(function(){
$j(".popupContent").hide();
$j("#mask").fadeTo("normal","0",function(){$j("#mask").hide();});
});
});
$j(document).ready(function(){
var sharehover=$j('#share');
$j('#shareSection').hover(
function(){sharehover.stop(true, true).animate({top:'0'},{queue:false,duration:400}).fadeIn(400)},
function(){sharehover.stop(true, true).animate({top:'-33'},{queue:false,duration:400}).fadeOut(400)}
);
});
</script>
<script src="assets/ring/soundmanager2.js?v1"></script>
<script src="assets/js/jquery.cookies.js?v39"></script>
<script src="assets/js/core.js?v39"></script>
</body>
</html>