Tecnología

Inicio

Cómo deshabilitar automáticamente un enlace en una página web durante unos minutos

Cómo deshabilitar automáticamente un enlace en una página web durante unos minutos


Los desarrolladores web utilizan temporizadores JavaScript para crear juegos, hacer una pausa en el flujo de ejecución y desencadenar sucesos de aplicaciones. Si su página web tiene que desactivar un enlace, por ejemplo, puede desactivar el enlace para restaurar más tarde mediante un temporizador. enlaces de movilidad conservan sus propiedades de enlace. Los usuarios simplemente no pueden hacer los enlaces hacen nada cuando hacen clic en ellos. Inicio de un temporizador de JavaScript requiere una sola línea de código, pero se necesita un par de funciones JavaScript para desactivar y volver a activar un enlace.

Instrucciones

1 Pega el siguiente código en la sección del cuerpo de uno de los documentos HTML:

<a id="link1" href="Click" rel="nofollow" http target="_blank">: //www.whitehouse.gov&quot;> Haga clic para visitar la Casa Blanca </a>
<Input type = "button" value = "Desactivar Enlace" onclick = "deactivateLink ( 'vínculo1', '1')" />

Este código crea un vínculo cuyo ID es "vínculo1." Cualquier enlace que desea desactivar debe contener un identificador único. El evento de botón llama a la función deactivateLink cuando se hace clic. El evento de botón también pasa valor de "id" del enlace a esa función junto con el número de minutos que desea que el enlace a permanecer desactivado. Ese valor es 1 en este ejemplo, durante un minuto.

2 Agregue el código JavaScript se muestra a continuación a la sección de la escritura del documento:

var temporizador;
linkObject var;
var oldHref;

Este código crea un objeto de temporizador, un objeto que representa un enlace y el URL actual de ese enlace, denominado "oldHref."

3 Pegue el siguiente código debajo del código que se muestra en el último paso:

deactivateLink funcionar (linkID, minutos) {
linkObject = document.getElementById (linkID);

var href = linkObject.getAttribute ( "href");
oldHref = href;
linkObject.setAttribute ( "href", "javascript: return false");

temporizador = setTimeout ( "activateLink ()", minutos * 60000);

}

activateLink función () {
linkObject.setAttribute ( "href", oldHref);
}

La función deactivateLInk acepta dos parámetros: el ID del enlace que desea desactivar y el número de minutos que desea que el enlace a permanecer desactivado. La función a continuación, almacena la URL actual en la variable oldHref y establece los enlaces URL nueva a un valor ficticio. La declaración final de la función inicia el temporizador. Cuando el temporizador alcanza su límite de tiempo, la función se ejecuta activateLink. Esa función restaura el valor original y enlaces a activar el enlace.

4 Guarde el documento y abrirlo en un navegador. El vínculo y el botón aparecen en la página. Haga clic en el botón y luego intente hacer clic en el enlace. El enlace no funcionará porque el evento de clic de botón desactivado el enlace durante un minuto. Espere 60 segundos y haga clic en el enlace de nuevo. Su navegador le dirigirá a la página web de la Casa Blanca.

Consejos y advertencias

  • Recuerde que debe pasar el número de minutos que le gustaría para un enlace a permanecer desactivado la función deactivateLink como se muestra en este example.You también puede pasar un número decimal como 0.1 a la función. Este valor se desactivará un enlace a una décima parte de un minuto.