html + js 实现电子时间

第一步在页面上新建一个 html元素

新建 id为 times的html元素，随便，div，p标签都行。我习惯用p标签。

第二步在js中写下面代码

/*** 电子时钟*/
time();
setInterval(function () {time();
},1000);
function time() {var time = new Date();  //实例化日期对象var year=time.getFullYear()+"年" //获取年var month=time.getMonth()+1+"月" //获取月var day=time.getDate()+"日"      //获取日var h=time.getHours()+':'        //获取时var m=time.getMinutes()+":"      //获取分var s=time.getSeconds()          //获取秒if(s<10){                        //判定秒 是否小于10秒s="0"+time.getSeconds()      //小于是 在其前加0 01，02，03...}if(time.getMinutes()<10){        //判定分 是否小于10分m="0"+time.getMinutes()+":"  //小于是 在其前加0 01，02，03...}$("#times").html('当前时间：<em style="color: #52332f">'+year+month+day+h+m+s+'</em');
}

html + js 实现电子时间相关推荐

html酷炫电子时钟效果,纯js实现电子时钟特效
这是一款使用纯js实现电子时钟特效.该电子时钟可以显示时间,星期几,以及是上午还是下午.它使用简单,非常容易集成到项目中. 使用方法在页面中引入电子时钟的样式文件main.css. HTML结构该 ...
js获取当前时间显示在页面上
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
JS获取当前日期时间并定时刷新
JS获取当前日期时间 var date = new Date(); date.getYear(); //获取当前年份(2位) date.getFullYear(); //获取完整的年份(4位,2014 ...
js获取下月时间_js 获取日期时间段
/** * DateUtil.js 日期工具包时间:2011-02-12 注:1天=86400000毫秒邮箱:jrunner@126.com */ function DateUtil() { th ...
php js动态显示系统时间,PHP+JS动态显示服务器时间
摘要:JS默认只能获取当前系统时间,若想获取服务器时间,必须加上后端语言配合,PHP+JS获取服务器端时间代码:运行结果:2017-4-4 15:... JS默认只能获取当前系统时间,若想获取服务器时 ...
js获取当前时间(昨天、今天、明天)
js获取当前时间(昨天.今天.明天) //昨天的时间var day1 = new Date();day1.setTime(day1.getTime() - 24 * 60 * 60 * 1000);v ...
Js获取当前日期时间及其它操作（转）
Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); ...
js 获取当天时间,实现展示包含今天的一周时间的方法
js 获取当天时间,实现展示包含今天的一周时间封装获得第n天的时间数据循环得到未来n天的时间数据最近写了一个关于需要时间预约的项目,记录一下如何实现未来一周数据的处理,时间的展示封装获得第n ...
js获取当前日期时间和其他操作
Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); ...

html + js 实现电子时间

html + js 实现电子时间相关推荐

最新文章

热门文章