JavaScript counter
当页面加载以后,执行JavaScript,按秒开始计数:
JavaScript function:
<SCRIPT language="JavaScript">
<!--Timer in JavaScript
var timerform
speed=1000
function dotimer()
{
today=new Date()
slutsec=today.getSeconds()
slutmin=today.getMinutes()
sluttim=today.getHours()
sluta=(slutsec) + 60 * (slutmin) + 3600 * (sluttim)
diff=sluta - starta
tim=Math.floor(diff / 3600)
min=Math.floor((diff / 3600 - tim) * 60)
sek=Math.round((((diff / 3600 - tim) * 60) - min) * 60)
document.timerform.timer.value=tim + ':'
if(min<10)document.timerform.timer.value+='0'
document.timerform.timer.value+=min + ':'
if(sek<10)document.timerform.timer.value+='0'
document.timerform.timer.value+=sek
window.setTimeout("dotimer()",speed)
}
function Timer()
{
today=new Date()
startsek=today.getSeconds()
startmin=today.getMinutes()
starttim=today.getHours()
starta=(startsek) + 60 * (startmin) + 3600 * (starttim)
document.write('<form name=timerform><input name=timer size=7')
document.write('></form>')
dotimer()
}
// end-->
</SCRIPT>
HTML:
<table width=420>
<tr>
<td align=center>
TIMER:
<SCRIPT language="JavaScript">
Timer()
</SCRIPT>
</td>
</tr>
</table>
实现效果: http://www.javascriptsearch.com/scripts/Counters/simple_counter.html
相关文档:
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
Optimizing JavaScript code
Authors: Gregory Baker, Software Engineer on GMail & Erik Arvidsson, Software Engineer on Google Chrome
Recommended experience: Working knowledge of JavaScript
Client-side
scripting can make your application dynamic and active, but the
browser's interpretation o ......
1.<select></select>标签应用
通常的写法是:
<select onchange="javascript:windwo.open(this.options[this.selectedIndex].value)">
<option>MAIN</option>
& ......
理解Javascript闭包(closure)
专题 原帖 http://www.w3cgroup.com/article.asp?id=87
此文用通俗的文字介绍了Javascript闭包 。
看过后,我对javascript闭包简单的理解就是 文中第四、五段中所说的“在内存中维持一个变量,不会被GC回收”。
当然还需要学习才能深入的理解javascript闭包
一、什么是闭包?
......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>select-option onclick </title>
<script type="text/javascript" >
function simOptionClick4IE(){  ......