html的一些技巧.doc

在网页中设置自动刷新在中加入其中content的值20（单位秒）是刷新的时间值。如果不是刷新页面的而是跳转到另一个页面的话：在content中加入URL=”your html”,一定要用分号跟前面的20分开。否则无效setTimeout用法：关于setTimeout用法：setTimeout(“alert(“对不起，让你就等了”)”,3000)绿色部分是：指定要执行的method或者function紫色部分是：执行指定的等候时间（单位毫秒）#实现间隔2秒在页面中提示alert在中加入在body中加入setTimeout(alert(HELLO DongGua!),2000)循环调用setTimeout：中定义：X=0function tmeTest()x=x+1;document.fm.dd.value=x;setTimeout(timeTest(), 1000);在body中实现：timeTest();这时会在text中不停输出数字1、2、3、如果想让这个数字到100时停下，则可以用if（x101）这样就会停下.。在网页上实现自动计时x=0y=-1function countMin( ) y=y+1 document.displayMin.displayBox.value=y setTimeout(countMin( ),60000)Function countSec( ) x=x+1z=x%60 document.displaySec.displayBox.value=z setTimeout(countSec( ),1000)你在本网页中驻足的时间是: 分 秒 countMin( )countSec( )这个网页是两个function，一个用来计分，一个用来计时，这只是计时的一种方式，但是这种方式计时很不准确z=x%60 表示先进行x/60,得出的余数作为z的值, 例如82秒, modulus就是22, 所以文字框会显示22而不是82。若你要將单位数字在前加上 0, 例如 01, 02, 03 等, 可用以下方法:functioncountSec( )x=x+1z=x%60if (z10)z= 0+z document.displaySec.displayBox.value=z setTimeout(countSec( ),1000)需要断续进行计数的时：就会设计到另一个方法：clearTimeout(timeoutID)这里的timeoutID就是给setTimeout设定的变量名。例如：meter1=setTimeout(count1( ),1000)这个方法有很大的不足啊！为什么呢？但你点击按钮时，多点几次，发现数据结果不准确这时：你可以用一个flag来标记，x=0flag=0function count()x=x+1 document.display.box.value =xtimeoutID=setTimeout(count( ),1000)flag=1Function restart( )if (flag=0)count( )这样子就可以解决上面的问题了用js实现页面时间：方法一：很简单的写法function changeClock()var d = new Date();document.getElementById(clock).innerHTML = d.getFullYear() + - + (d.getMonth() + 1) + - + d.getDate() + + d.getHours() + : + d.getMinutes() + : + d.getSeconds();window.setInterval(changeClock, 1000);可以把中间的”-”改为年月日。方法二：带星期的function DateDemo() var d, s = ; / 声明变量。 d = new Date(); / 创建 Date 对象。 s += d.getYear() + -; / 获取年份。 s += (d.getMonth() + 1) + -; / 获取月份。 s += d.getDate(); / 获取日。 return(s); / 返回日期。function showTime() var myArray=new Array(7); var TD=new Date(); myArray0=星期日; myArray1=星期一; myArray2=星期二; myArray3=星期三; myArray4=星期四; myArray5=星期五; myArray6=星期六; weekday=TD.getDay(); var h=TD.getHours(); var m=TD.getMinutes(); var s=TD.getSeconds(); var hstr=h; var istr=m; var is=s; if (h 10) hstr=0+h; if (m 10) istr=0+m; if (s 10) is=0+s; var obj=document.getElementById(time); obj.innerHTML=DateDemo()+ + myArrayweekday+ + hstr+:+istr+:+is;在body中这样写document.body.onload = function () setInterval(showTime(),1000);document.body.onload = function () setInterval(showTime(),1000);方法三：带星期的（跟上面的差不多）function clockon() var now = new Date(); var year = now.getFullYear(); / getFullYear getYear var month = now.getMonth(); var date = now.getDate(); var day = now.getDay(); var hour = now.getHours(); var minu = now.getMinutes(); var sec = now.getSeconds(); var week; month = month + 1; if (month 10) month = 0 + month; if (date 10) date = 0 + date; if (hour 10) hour = 0 + hour; if (minu 10) minu = 0 + minu; if (sec 10) sec = 0 + sec; var arr_week = new Array(星期日, 星期一, 星期二, 星期三, 星期四, 星期五, 星期六); week = arr_weekday; var time = ; time = year + 年 + month + 月 + date + 日 + + hour + : + minu + : + sec + + week; document.getElementById(dd).innerHTML=time; setTimeout(clockon(), 200);在body中这样写 clockon()方法四：最简明的window.onload=function()setInterval(document.getElementById(time).innerHTML=new Date().toLocaleString(),1000);在body中：Parseint用法Parseint是把其后面的字符串中的数字返回。ParseInt（”12”）返回：12ParseInt(“as12dd”) 返回：NaNParseInt（”12ffg”）返回：12倒计时的实现方法：var timer = window.setInterval(function() document.getElementById(box).innerHTML = parseInt(document.getElementById(box).innerHTML) - 1; if(parseInt(document.getElementById(box).innerHTML) 0) window.clearInterval(timer); wi