用js实现页面时间:
方法一:很简单的写法
<div id="clock"></div>
<script>
function changeClock()
{
var d = new Date();
document.getElementById("clock").innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
}
window.setInterval(changeClock, 1000);
</script>
可以把中间的”-”改为年月日。
方法二:带星期的
function DateDemo(){
var d, s = " "; // 声明变量。
d = new Date(); // 创建 Date 对象。
s += d.getYear() + "-"; // 获取年份。
s += (d.getMonth() + 1) + "-"; // 获取月份。
s += d.getDate(); // 获取日。
return(s); // 返回日期。
}
function showTime(){
var myArray=new Array(7);
var TD=new Date();
myArray[0]="星期日";
myArray[1]="星期一";
myArray[2]="星期二";
myArray[3]="星期三";
myArray[4]="星期四";
myArray[5]="星期五";
myArray[6]="星期六";
weekday=TD.getDay();
var h=TD.getHours();
var m=TD.getMinutes();
var s=TD.getSeconds();
var hstr=h;
var istr=m;
var is=s;
if (h < 10) {hstr="0"+h};
if (m < 10) {istr="0"+m};
if (s < 10) {is="0"+s};
var obj=document.getElementById("time");
obj.innerHTML=DateDemo()+" "+ myArray[weekday]+" "+ hstr+":"+istr+":"+is;
}
在body中这样写
<script>
document.body.onload = function (){
setInterval("showTime()",1000);}
</script>
<div id="time"></div>
document.body.onload = function (){
setInterval("showTime()",1000);}
方法三:带星期的(跟上面的差不多)
function clockon() {
var now = new Date();
var year = now.getFullYear(); // getFullYear getYear
var month = now.getMonth();
var date = now.getDate();
var day = now.getDay();
var hour = now.getHours();
var minu = now.getMinutes();
var sec = now.getSeconds();
var week;
month = month + 1;
if (month < 10)
month = "0" + month;
if (date < 10)
date = "0" + date;
if (hour < 10)
hour = "0" + hour;
if (minu < 10)
minu = "0" + minu;
if (sec < 10)
sec = "0" + sec;
var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
week = arr_week[day];
var time = "";
time = year + "年" + month + "月" + date + "日" + " " + hour + ":" + minu + ":" + sec + " " + week;
document.getElementById("dd").innerHTML=time;
setTimeout("clockon()", 200);
}
在body中这样写
<div id="dd"></div>
<script>
clockon()
</script>
方法四:最简明的
window.onload=function(){
setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()",1000);}
在body中:
<div id="time"></div>
Parseint用法
Parseint是把其后面的字符串中的数字返回。
ParseInt(”12”)返回:12
ParseInt(“as12dd”) 返回:NaN
ParseInt(”12ffg”)返回:12
倒计时的实现方法:
var timer = window.setInterval(function(){
document.getElementById('box').innerHTML = parseInt(document.getElementById('box').innerHTML) - 1;
if(parseInt(document.getElementById('box').innerHTML) < 0)
{
window.clearInterval(timer);
window.location = 'http://www.baidu.com/';
}
}, 1000);
分享到:
相关推荐
HTML页面常用的一些小技巧,方法等,很实用,希望能帮到你。
每一项都是js中的小技巧,但十分的实用! 107条常用知识点 欢迎大家前来分享 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序...
资源名称:22个HTML5实用技巧内容简介:HTML5 技巧一:当今科技发展的速度真惊人,稍不留神,就可能无法跟上它的步伐。新一代的HTML-HTML5的发展也不停的带给我们新的惊喜,我们将通过这篇文章向大家介绍一些HTML...
网页代码常用小技巧--html代码
Html网页代码常用小技巧! 正文Html网页代码常用小技巧! 正文
制作网页中Html+css小技巧,一些网页制作的心的
制做网页时,这些小技巧弄不好可以帮你省去好多时间!
这是我最近学习html,java web开发的一些小技巧,对于初学者也许有用
各种前端开发的小技巧及总结. web 笔记,记录自己学习前端的历程,记录自己学习的代码,包含JavaScript、CSS、HTML 等;各种前端开发的小技巧及总结. web 笔记,记录自己学习前端的历程,记录自己学习的代码,包含...
每一项都是js中的小技巧,但十分的实用! 1.[removed](""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history...
HTML小技巧:将table边框改为细线 HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线
html5的一些新增属性和功能是让代码变得更简洁,这总归是一件好事,应该值得我们推崇。最后感谢你阅读了这篇html5的入门级文章,希望能为你进一步学习html5提供一些帮助。
web网页开发小技巧
flash技巧汇粹-几十个小技巧,被编译过的html电子书格式
jsp编程的一些小技巧总结,绝对实用。包括JSP编程中常用的js技术。 1.JSP编程中常用的js技术 2. 在下拉列表框里选择一个值后跳出新窗口? 3. 在JSP中启动execl? 4. 两级下拉列表框联动菜单? 5. java中如何把一个目录...
Html网页代码常用小技巧总结续,网页制作学习.docx
javascript主页弹出窗口技巧.html div span layer的区别.html email地址的分割.html ENTER键可以让光标移到下一个输入框.html IE地址栏前换成自己的图标 .html TEXTAREA自适应文字行数的多少.html title显示...
XML中显示HTML的小技巧
PHP动态表格制作常用小技巧 1、用JS動態生成HTML表格; function addRow(){ //新增 var length=document.getElementById("table").rows.length; var tr=document.createElement("tr"); tr.id=length+1;