Javascript字体打印机
每日鸡汤:低头是一种能力,它不是自卑,也不是怯弱,它是清醒中的嬗变。有时,稍微低一下头,或者我们的人生路会更精彩。
演示地址:http://test.jensonhui.top/canvas/typeWriting.html
<html>
<head>
<title>Type Write</title>
<style type="text/css">
a{text-decoration: none;}
</style>
</head>
<body>
<div id="newsticker">
<span id="tickertitle"></span><a id="typewriter" href="#"></a>
</div>
</body>
</html>
<script type="text/javascript">
var current = 0
var x = 0
var speed = 70
var speed2 = 2000
function initArray(n) {
this.length = n;
for (var i = 1; i <= n; i++) {
this[i] = ' '
}
}
typ = new initArray(16);
typ[0] = "406:red:Texas last in US Gov State Governors Websites (June 2008)";
typ[1] = "409:red:The Insolvency Service last in UK Central Government (June 2008)";
typ[2] = "384:green:Federated States of Micronesia 1st in US Gov State and Territorial Government Websites (April 2008)";
typ[3] = "413:green:U.S. Immigration and Customs Enforcement highest climber in US Gov Federal Agencies (up 188) - June 2008";
typ[4] = "371:green:Iowa 1st in US Gov State Governors Websites (April 2008)";
typ[5] = "373:green:Directgov Jobs and Skills 1st in UK Central Government (April 2008)";
typ[6] = "379:red:Birmingham last in UK Local Government (April 2008)";
typ[7] = "406:green:Utah highest climber in US Gov State Governors Websites (up 16) - June 2008";
typ[8] = "380:red:Kent Police greatest faller in Police Forces (down 31) - April 2008";
function typewrite() {
var m = typ[current];
document.getElementById("typewriter").href = '/survey/report.html?rt=' + m.substring(0, m.indexOf(':'));
m = m.substring(m.indexOf(':') + 1);
document.getElementById("typewriter").style.color = m.substring(0, m.indexOf(':'));
m = m.substring(m.indexOf(':') + 1);
m = m.replace("&", "and");
document.getElementById("typewriter").innerHTML = m.substring(0, x++) + "_";
if (x == m.length + 1) {
x = 0
current++
if (current > typ.length - 1) {
current = 0
}
setTimeout("typewrite()", speed2)
}
else {
setTimeout("typewrite()", speed)
}
}
typewrite()
</script>
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。