js 计时器,倒计时完整实例代码附效果图制作一个当前时间的动态时钟

来源：互联网发布：国家工商总局网络培训编辑：程序博客网时间：2024/05/22 04:57

点击触发倒计时的时候就会自动从30秒到0秒,当到达0秒的时候会弹出时间到. 代码很简洁 ,还加了一个制作当前时间的动态时钟的代码当做笔记了,如果分和秒是个位数的时候会在前面自动加0

点击触发倒计时的时候就会自动从30秒到0秒,当到达0秒的时候会弹出时间到.

<html><head><meta name="" charset="utf-8" content="" /><script type="text/javascript">var c = 30function timedCount() {document.getElementById('txt').value = cc = c - 1if(c >= 0) {t = setTimeout("timedCount()", 1000)} else {alert("时间到")}}</script></head><body><input type="button" value="开始计时！" onClick="timedCount()"><input type="text" id="txt"><p>请点击上面的按钮。输入框会从 0 开始一直进行计时。</p></body></html>

下面是制作一个当前时间的动态时钟

<html><head><meta name="" charset="utf-8" content="" /><script type="text/javascript">function startTime() {var today = new Date()var h = today.getHours()var m = today.getMinutes()var s = today.getSeconds()// add a zero in front of numbers<10m = checkTime(m)s = checkTime(s)document.getElementById('txt').innerHTML = h + ":" + m + ":" + st = setTimeout('startTime()', 500)}function checkTime(i) {if(i < 10) {i = "0" + i}return i}</script></head><body onload="startTime()"><div id="txt"></div></body></html>

阅读全文

0 0

js 计时器,倒计时完整实例代码附效果图 制作一个当前时间的动态时钟

js 计时器,倒计时完整实例代码附效果图制作一个当前时间的动态时钟