innerhtml date(在dreamweavewe中,怎么用javascript在一个层中插入日期时间)

本文目录
- 在dreamweavewe中,怎么用javascript在一个层中插入日期时间
- 如何用innerHTML操纵AJAX返回的HTML标签
- html中如何获得当前日期
- web网页js里使用innerHTML的问题
- html显示时间, 求真正能用的
在dreamweavewe中,怎么用javascript在一个层中插入日期时间
主要代码是这句:
document.getElementById("mydiv").innerHTML=DATE1+DATE2+DATE3;
全部代码如下:
***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》无标题文档《/title》
《script language="javascript" type="text/javascript"》
function myTime(){
var Time=new Date();
var week=new Array(7);
week=’星期一’;
week=’星期二’;
week=’星期三’;
week=’星期四’;
week=’星期五’;
week=’星期六’;
week=’星期日’;
var year=Time.getFullYear();
var month=Time.getMonth()+1;
if(month《10){month="0"+month;}
var date=Time.getDate();
if(date《10){date="0"+date;}
var Hour=Time.getHours();
if(Hour《10){Hour="0"+Hour;}
var Minutes=Time.getMinutes();
if(Minutes《10){Minutes="0"+Minutes;}
var seconds=Time.getSeconds();
if(seconds《10){seconds="0"+seconds;}
var week_i=Time.getDay();
var DATE1=year+"年"+month+"月"+date+"日";
var DATE2=Hour+"时"+Minutes+"分"+seconds+"秒";
var DATE3=week;
document.getElementById("mydiv").innerHTML=DATE1+DATE2+DATE3;
setTimeout("myTime()",1000);
}
《/script》
《/head》
《body onload="myTime();"》
《div id="mydiv"》《/div》
《/body》
《/html》
如何用innerHTML操纵AJAX返回的HTML标签
用回调函数试试。。要在页面里添加上这个div容器以后再往其中添加input.
function a(){
b(c);
}
function b(callback){
这儿获取你的返回值,将div容器写到页面;
callback();
}
function c(){
document.getElementById("test").innerHTML="《input type=’text’ name=’abc’》";
}
你触发a函数就行了,试试。。
html中如何获得当前日期
可以用javascript,先创建Date对象的实例(也叫做对象的引用)。创建实例的语法有如下三种。
var newDateObj = new Date()
var newDateObj = new Date(dateVal)
var newDateObj = new Date(year, month, date)
例如,var D = new Date()。
方法1,是无参数调用,创建后对象D中含有计算机的系统日期和时间。
方法2,dateVal参数是数值或表示日期时间的字符串。如果是数字值,dateVal 表示指定日期与 1970 年 1 月 1 日午夜间全球标准时间的毫秒数。如果是字符串,则 dateVal 按照 parse 方法中的规则进行解析。dateVal 参数也可以是从某些 ActiveX(R) 对象返回的 VT_DATE 值。
方法3,用参数直接为新建对象提供日期和时间的数据。
建立了Date对象以后,就可以使用get方法取得日期或时间的值,返回值一般是数值型的。用set方法给一个Date型对象设置数据。Date的方法函数的语法一般格式为:
D.getXXXX() 和 D.setXXXX( variable list)
拓展资料:
HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。
浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。
但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
web网页js里使用innerHTML的问题
js加载的时候 body里面元素还没加载好。 所以
document.getElementById.innerHTML=str;
这句话没用。
所以将这个函数放在body的onload就可以了。
还有 document.getElementById("greet") 才是正确的。
html显示时间, 求真正能用的
我刚好教别人做了一个,有多种效果,最后面那个还能动态改CSS样式。
需要简单版本的,吱一声啊。记得采纳。
改了一下,给你共享吧,最上面那个就是你想要的效果吧:
《!doctype html》
《html lang="en"》
《head》
《meta charset="UTF-8"》
《title》Document《/title》
《style》
#timeDiv0{
font-size:50px;
color: blue;
border: 1px solid red;
text-align: center;
}
#timeDiv4{
font-size: 100px;
color: red;
border: 2px solid blue;
width: 8em;
text-align: center;
}
#secondsEle, #hoursEle, #minutesEle{
opacity: 0;
transition: all .2s ease-in;
transform: rotate(360deg);
}
《/style》
《/head》
《body》
《div id="timeDiv0"》《/div》
《div id="timeDiv"》《/div》
《div id="timeDiv2"》《/div》
《div id="timeDiv3"》《/div》
《div id="timeDiv4"》
《span id="hoursEle"》《/span》:
《span id="minutesEle"》《/span》:
《span id="secondsEle"》《/span》
《/div》
《script》
function setTimeDiv0(){
var timeDiv=document.getElementById("timeDiv0");
var curTime=new Date();
var hours=curTime.getHours().toString().length》1?curTime.getHours():"0"+curTime.getHours();
var minutes=curTime.getMinutes().toString().length》1?curTime.getMinutes():"0"+curTime.getMinutes();
var seconds=curTime.getSeconds().toString().length》1?curTime.getSeconds():"0"+curTime.getSeconds();
timeDiv.innerText= (curTime.getYear()+1900)+"年"+(curTime.getMonth()+1)+"月"+curTime.getDate()+"日"+hours+ ":"+ minutes +":"+seconds;
}
function setTimeDiv(){
var timeDiv=document.getElementById("timeDiv");
timeDiv.innerText=new Date();
}
function setTimeDiv2(){
var timeDiv=document.getElementById("timeDiv2");
timeDiv.innerText=new Date();
setTimeout(setTimeDiv2,1000);
}
function setTimeDiv3(){
var timeDiv=document.getElementById("timeDiv3");
var curTime=new Date();
var hours=curTime.getHours().toString().length》1?curTime.getHours():"0"+curTime.getHours();
var minutes=curTime.getMinutes().toString().length》1?curTime.getMinutes():"0"+curTime.getMinutes();
var seconds=curTime.getSeconds().toString().length》1?curTime.getSeconds():"0"+curTime.getSeconds();
timeDiv.innerText= hours+ ":"+ minutes +":"+seconds;
}
function setTimeDiv4(){
var timeDiv=document.getElementById("timeDiv4");
var curTime=new Date();
var hours=curTime.getHours().toString().length》1?curTime.getHours():"0"+curTime.getHours();
var minutes=curTime.getMinutes().toString().length》1?curTime.getMinutes():"0"+curTime.getMinutes();
var seconds=curTime.getSeconds().toString().length》1?curTime.getSeconds():"0"+curTime.getSeconds();
var hoursEle=document.getElementById("hoursEle");
var minutesEle=document.getElementById("minutesEle");
var secondsEle=document.getElementById("secondsEle");
var oldHours=hoursEle.innerText;
var oldMinutes=minutesEle.innerText;
var oldSeconds=secondsEle.innerText;
hoursEle.innerText=hours;
minutesEle.innerText=minutes;
secondsEle.innerText=seconds;
if(oldHours != hours){hoursEle.style.opacity=’0’;hoursEle.style.fontSize=’200px’;}
if(oldMinutes != minutes){minutesEle.style.opacity=’0’;minutesEle.style.fontSize=’200px’;}
if(oldSeconds != seconds){secondsEle.style.opacity=’0’;secondsEle.style.fontSize=’200px’;}
setTimeout(function(){
if(oldHours != hours){hoursEle.style.opacity=’1’;hoursEle.style.fontSize=’100px’;}
if(oldMinutes != minutes){minutesEle.style.opacity=’1’;minutesEle.style.fontSize=’100px’;}
if(oldSeconds != seconds){secondsEle.style.opacity=’1’;secondsEle.style.fontSize=’100px’;}
},200);
}
setInterval(setTimeDiv0,1000);
setInterval(setTimeDiv, 1000);
setTimeout(setTimeDiv2,1000);
setInterval(setTimeDiv3, 1000);
setInterval(setTimeDiv4, 1000);
《/script》
《/body》
《/html》
上图(不知道百度能显示gif动画不):

更多文章:
在from子句中可以出现(如何在from 子句中嵌套查询下面的语句在access中出错!)
2026年10月11日 05:20
countif函数统计个数怎么用(countif函数怎么用 详解Excel中countif函数的使用方法)
2026年10月11日 03:30
正则匹配数字之前的字符(正则表达式如何匹配前面是数字、中间是“/”、后面也是数字,就像2/3专业的模式)
2026年10月11日 03:00
orlnsertbootmediinselected(我电脑开机显示这个是什么意思or insert boot media in select)
2026年10月10日 23:00
display的用法(display是什么意思 详解display的含义和用法)
2026年10月10日 22:00
html全部居中代码(怎么让网页居中显示,html如何让网页居中)
2026年10月10日 21:10





