怎样在html中加入计数器?(2),html如何实现计数器以及时钟的功能代码

本篇文章给大家带来的内容是关于html如何实现计数器以及时钟的功能代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

在许多的网页中，我们都会看到计数器以及时钟，那么我们怎么自己实现着种功能呢？

先说计数器，计数器的逻辑功能很简单，就是秒针每秒加一，逢60进一就可以。代码如下：

var index = 0;

var i=0;

/**

* 对时间进行预先处理，逢60进一

function counter(){

second = index;

minute=i;

index++;

if(second==60){

second=0;

i++;

index=0;

}

if(second<10){

second = "0"+second;

}

if(minute<10){

minute="0"+minute;

}

return time = minute +":"+second;

}

/**

* 将获得的时间插入到div的区域

function show(){

var time = counter();

document.getElementsByTagName("div")[0].innerHTML=time;

}

/**

* 每秒钟获得一次时间，实现计数功能

function set(){

setInterval("show()",1000);

}

show();

set();

这样，一个简单的计数器就完成了。

时钟功能的代码：

/**

* 向Date类中添加获取当前时间的方法

Date.prototype.currentTime = function(){

var year = this.getFullYear();

var month = this.getMonth()+1;

var day = this.getDate();

var week = this.getDay();

week = "星期"+"日一二三四五六".charAt(week);

month = month<10 ? "0"+month : month;

day = day < 10 ? "0"+day : day;

var hour = this.getHours();

var second = this.getSeconds();

var minute = this.getMinutes();

hour = hour<10 ? "0"+hour : hour;

second = second < 10 ? "0"+second : second;

minute = minute < 10 ? "0"+minute : minute;

return year+"-"+month+"-"+day+" "+week+" "+hour+":"+minute+":"+second;

}

function showTime(){

var time = new Date().currentTime();

document.getElementById("show").innerHTML = time;

}

function setTime(){

showTime();

setInterval("showTime()",1000);

}

window.onload = function(){

setTime();

}

这样，时钟就完成了！

怎样在html中加入计数器?(2),html如何实现计数器以及时钟的功能代码相关推荐

html如何实现字数计数,html如何实现计数器以及时钟的功能代码
本篇文章给大家带来的内容是关于html如何实现计数器以及时钟的功能代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在许多的网页中,我们都会看到计数器以及时钟,那么我们怎么自己实现 ...
无法加载可扩展计数器_多核可扩展计数器
无法加载可扩展计数器到处都需要计数器,例如,查找应用程序的关键KPI,应用程序的负载,服务的请求总数,用于查找应用程序吞吐量的一些KPI等. 由于所有这些需求,并发复杂性也增加了,这使这个问题变得有 ...
php计数器归零,php计数器lt;?/*-一个简单的计数器*/functio 爱问知识人
/* || 一个简单的计数器 */ function get_hitcount($counter_file) { /* 将计数器归零这样如果计数器还未被使用,初始值将是1 你当然也可以把初始值设成2 ...
verilog设置24进制计数器_任意进制计数器 || 反馈复位法反馈置数法 || 超级重点 || 数电...
任意进制计数器 || 反馈复位法反馈置数法 || 超级重点 || 数电前面介绍了4位二进制计数器和十进制计数器,但它们的计数长度.计数方式是固定的. 例如: 十进制计数器74160,其计数的模为1 ...
HBase学习之路(七)：理解计数器的基本概念及计数器的使用
内容简介一.计数器的基本概念二.在Shell中创建并操作计数器三.单计数器四.多计数器五.总结一.计数器的基本概念我在前两篇文章中详细介绍了HBase的过滤器,这是HBase的高级特性之 ...
七种计数器总结（格雷码计数器、环形计数器、约翰逊计数器、FLSR、简易时分秒数字秒表|verilog代码|Testbench|仿真结果）
七种计数器总结一.可复位/置数计数器 1.1 可复位/置数计数器 1.2 Verilog代码 1.3 Testbench 1.4 仿真结果二.双向(可加可减)计数器 2.1 双向(可加可减)计数器 ...
php 上下位置居中,CSS_css中position:fixed实现div在窗口上下左右居中，上下左右居中代码如下复制 - phpStudy...
css中position:fixed实现div在窗口上下左右居中上下左右居中代码如下复制代码代码如下: div{ position:fixed; margin:auto; left:0; ri ...
hdl四位二进制计数器_四位二进制计数器这样接成十进制计数器
十进制计数器与4位二进制计数器有些相似,但4位二进制计数器需要计数到1111然后才能返回到0000,而十进制计数器要求计数到1001 (相当于9)就返回0000.8421BCD码十进制计数器是一种 ...
python函数def里面嵌套def,python菜鸟求问关于嵌套函数中作用域范围应该怎么理解？，python嵌套,直接上代码def l(l...
python菜鸟求问关于嵌套函数中作用域范围应该怎么理解?,python嵌套,直接上代码def l(l 直接上代码def l(list): def d(): return list return d ...
把一个数组的值存入二叉树中，然后利用前序、中序、后序3种方式进行遍历（完整代码以及运行结果）（Java）
把一个数组的值存入二叉树中,然后利用前序.中序.后序3种方式进行遍历(完整代码以及运行结果) 在最近的面试过程中,听说有小伙伴被面试官要求创建二叉树,然后对该二叉树进行遍历,感觉这一直以来都是一个大家 ...

怎样在html中加入计数器?(2),html如何实现计数器以及时钟的功能代码

怎样在html中加入计数器?(2),html如何实现计数器以及时钟的功能代码相关推荐

最新文章

热门文章