Mostrar Mensajes
1
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Crear una cuenta regresiva con JavaScript y mostrar un Alert con imagen al final
« en: 07 de Julio 2015, 18:43 »
Hola buenos días mi duda es la siguiente tengo una pantalla en la cual el usuario puede dibujar utilizando canvas, lo tengo con temporizador pero lo que quiero esque cuando termine la cuenta regresiva salte un aviso de que se acabó su tiempo, como un tipo alert pero usando una imagen.
De antemano les agradesco mucho su ayuda.
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>Impresionismo</title>
<link rel="stylesheet" type="text/css" href="css/Style.css">
<script type="text/javascript" src="js/reloaded.js"></script>
<script src="js/modernizr.custom.34982.js"></script>
<script src="js/jquery-1.7.min.js"></script>
<script src="js/sketcher.js"></script>
<script src="js/trigonometry.js"></script>
<script>
var sketcher = null;
$(document).ready(function(e) {
sketcher = new Sketcher( "sketch" );
});
function exportImage() {
window.open(sketcher.toDataURL(),'_blank','width=839,height=785')
}
</script>
</head>
<body>
<label id="tiempo"><a style="font-color: #fff;">4:00</a></label>
<div class="pintar_2">
<input id="borrar-btn" type="button" class="btn error" onclick="sketcher.clear();"></input>
<input id="exportar-btn" type="button" class="btn error" value="exportar" onclick="exportImage();" />
<canvas id="sketch" />
</div>
<script type="text/javascript">
var salida = document.getElementById("tiempo"),
minutos = 4,
segundos = 0,
intervalo = setInterval(function(){
if (--segundos < 0){
segundos = 59;
minutos--;
}
if (!minutos && !segundos)
clearInterval(intervalo);
salida.innerHTML = minutos + ":" + (segundos < 10 ? "0" + segundos : segundos);
document.getElementById("tiempo").style.color="#fff";
document.getElementById("tiempo").exportImage();
}, 1000);
</script>
</body>
</html>De antemano les agradesco mucho su ayuda.
RSS