javascript的cookies和計時小示例
阿新 • • 發佈：2018-11-10
1.cookies示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <head> <script> function setCookie(cname,cvalue,exdays){ var d = new Date(); d.setTime(d.getTime()+(exdays*24*60*60*1000)); var expires = "expires="+d.toGMTString(); document.cookie= cname+"="+cvalue+"; "+expires; } function getCookie(cname){ var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i].trim(); if (c.indexOf(name)==0) { return c.substring(name.length,c.length); } } return ""; } function checkCookie(){ var user=getCookie("username"); if (user!=""){ alert("歡迎 " + user + " 再次訪問"); } else { user = prompt("請輸入你的名字:",""); if (user!="" && user!=null){ setCookie("username",user,30); } } } </script> </head> <body onload="checkCookie()"></body> </html>
2.計時示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> </title> </head> <body> <p>點選按鈕，在等待 3 秒後彈出 "Hello"。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){ setTimeout(function(){alert("Hello")},3000); } </script> </body> </html>
3.無限計時
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> var c=0; var t; var timer_is_on=0; function timedCount(){ document.getElementById('txt').value=c; c=c+1; t=setTimeout("timedCount()",1000); } function doTimer(){ if (!timer_is_on) { timer_is_on=1; timedCount(); } } </script> </head> <body> <form> <input type="button" value="開始計數!" onClick="doTimer()"> <input type="text" id="txt"> </form> <p>單擊按鈕，輸入框將從0開始一直計數。</p> </body> </html>