html网页写一个时钟
2015-12-29 13:07
507 查看
问题?html网页写一个时钟
1.js的形式来写
2.jquery的形式写:
1.js的形式来写
<!DOCTYPE html> <html> <head> <title北京时间</title> <script type="text/javascript" charset="utf-8" language="javascript"> function time1(){ var today = new Date(); var hour = today.getHours(), minute = today.getMinutes(), second = today.getSeconds(); minute = checkTime(minute); second = checkTime(second); document.getElementById('txt').innerHTML=hour+":"+minute+":"+second; t = setTimeout('time1()',500); } function checkTime(i){ if (i<10) { i="0" + i; } return i; } </script> </head> <body onload="time1()"> <div id="txt"></div> </body> </html>
2.jquery的形式写:
<!DOCTYPE html> <html> <head> <title>时钟</title> <link rel="shortcut icon" href="ico/11.ico"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(document).ready(A); function A(){ var today = new Date(); var h = today.getHours(); var m = today.getMinutes(); var s = today.getSeconds(); m = C(m); s = C(s); $("#a1").html("当前时间为:"+h+":"+m+":"+s) setTimeout('A()',500); } function C(i){ if(i<10){ i="0"+i; } return i; } </script> </head> <body> <p id="a1"></p> </body> </html>
相关文章推荐
- html使用ul li 标签实现多级横向菜单
- Html用ul li实现多级横向菜单
- HTML在手机上实现直接拨打电话以及发送短信
- xhtml的块级元素(div)和内联元素(span)
- HTML 页面中的 SVG
- html中meta的介绍
- 运用swt制作一个简易计算器,附加关于html制作网页中的搜索框的一个小知识
- chrome也支持保存成mhtml文件
- HtmlParser【ed2k】
- 获取HTML元素的三个方法
- <Web>HTML中设置欢迎页面自动跳转
- html页面调用servlet中文乱码问题
- html与后台交互
- 点击input输入法不弹出
- HTML 标签基础知识学习(二)
- HTML资料——做网页时遇到的
- HTML特殊字符—核心编码
- 设置TinyMCE在线HTML编辑控件只读
- html meta X-UA-Compatible 无效
- 转载:设置html页面不让浏览器缓存的方法