Maison > interface Web > js tutoriel > js实现简单登录功能的实例代码_javascript技巧

js实现简单登录功能的实例代码_javascript技巧

WBOY
Libérer: 2016-05-16 17:16:30
original
1566 Les gens l'ont consulté

复制代码 代码如下:



 
    Login.html

   
   
   

   
   
 

 
   

      u:

      p:

     
   

 


这是登录页面,只有当用户名为lala,密码为123时登录成功。在onclick事件处使用return,是在用户名和密码输入不符时,阻止页面跳转。登录成功页面中,含有等待秒数,代码为:

复制代码 代码如下:



 
    ok.html

   
   
   

   
   
 

 
    登录成功,5秒后自动跳转到管理页面
 


关键在几个函数的使用,setTimeout("tiao()",5000);函数是打开页面,等待5秒,调用tiao()函数。setInterval("changeSec()",1000);函数是每隔1秒调用一次changeSec()函数。这样就完成了简单的登录功能。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal