我们提供一些开源代码

开源即开放源代码，这意味着您可以免费使用这些代码且不构成侵权，但禁止将这些代码用于非法领域，否则产生的连带责任本站概不负责。

在网页中显示日期和时间，代码如下(HTML语言，UTF-8编码)：

<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<style>
#section1 {
  width:1000px;
  background-color:#D2E9FF;
}
</style>
<div id="section1">
<div style="margin:0 auto; text-align:center">
	<div style="font-size:60px; color: blue;" id="date">
		日期：<span id="year">xxxx</span>-<span id="month">xx</span>-<span id="day">xx</span>
	</div>
 
	<div style="font-size:60px; color: blue;" id="time">
		时间：<span id="h">xx</span>:<span id="m">xx</span>:<span id="s">xx</span>
	</div>
</div>
<script>
function updateDate(y, m, d) {
	if (m < 10)
		m = "0" + m;
	if (d < 10)
		d = "0" + d;
	document.getElementById("year").innerHTML = y;
	document.getElementById("month").innerHTML = m;
	document.getElementById("day").innerHTML = d;
}
 
function updateTime(h, m, s, sss) {
	if (h < 10)
		h = "0" + h;
	if (m < 10)
		m = "0" + m;
	if (s < 10)
		s = "0" + s;
	document.getElementById("h").innerHTML = h;
	document.getElementById("m").innerHTML = m;
	document.getElementById("s").innerHTML = s;
	document.getElementById("sss").innerHTML = sss;
}
 
function update(){
	var date = new Date();
	updateDate(date.getFullYear(), date.getMonth() + 1, date.getDate());
	updateTime(date.getHours(), date.getMinutes(), date.getSeconds(), parseInt(date.getMilliseconds() / 100));
 
};
setInterval("update()",100);
 
</script>
</div>
</html>

具体效果:

在网页中计时，代码如下（HTML语言，UTF-8编码）：

<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<style>
#section1 {
  width:1000px;
  background-color:#D2E9FF;
}
</style>
<div id="section1">
<button onclick="start()" style="font-size:50px">开始</button>
<button onclick="stop()" style="font-size:50px">停止</button>
<button onclick="record()" style="font-size:50px">记录</button>
<button onclick="clean()" style="font-size:50px">清空</button>
<div style="margin:0 auto; text-align:center; height: 400px;">
	<div style="font-size:140px; color: blue;" id="time">
		<span id="h">00</span>:<span id="m">00</span>:<span id="s">00</span>.<span id="sss">000</span>
	</div>
	<pre id="result"></pre>
</div>
<script>
 
// -------------------------------
function updateTime(h, m, s, sss) {
	if (h < 10)
		h = "0" + h;
	if (m < 10)
		m = "0" + m;
	if (s < 10)
		s = "0" + s;
	if (sss < 10)
		sss = "00" + sss;
	else if (sss < 100)
		sss = "0" + sss;
	document.getElementById("h").innerHTML = h;
	document.getElementById("m").innerHTML = m;
	document.getElementById("s").innerHTML = s;
	document.getElementById("sss").innerHTML = sss;
}
var _time = new Date().getTime();
function update(){
 
	var time = new Date().getTime() - _time;
	console.log(time);
	var ms = time % 1000;
	time = (time - ms) / 1000;
	var s = time % 60;
	time = (time - s) / 60;
	var m = time % 60;
	time = (time - m) / 60;
	var h = time % 60;
	time = (time - h) / 60;
	updateTime(h, m, s, ms);
	
};
var interval = null;
function start() {
	if (interval != null) return;
	var h = document.getElementById("h").innerHTML;
	var m = document.getElementById("m").innerHTML;
	var s = document.getElementById("s").innerHTML;
	var sss = document.getElementById("sss").innerHTML;
	//console.log("" + parseInt(sss) +"-"+ parseInt(s) + "-" + parseInt(m)  + "-" + parseInt(h));
	var time = parseInt(sss) + parseInt(s) * 1000 + parseInt(m) * 60000 + parseInt(h) * 3600000;
	//console.log("time=" + time);
	_time = new Date().getTime() - time;
	interval = setInterval("update()",1); // 用延时的话间隔1s多1ms
}
function stop() {
	if (interval == null) return;
	clearInterval(interval);
	interval = null;
}
function record() {
	var e = document.getElementById("result");
	var t = e.innerHTML;
	var h = document.getElementById("h").innerHTML;
	var m = document.getElementById("m").innerHTML;
	var s = document.getElementById("s").innerHTML;
	var sss = document.getElementById("sss").innerHTML;
	e.innerHTML = t + "\n" + h +":"+ m +":"+ s +"."+ sss;
}
function clean() {
	_time = new Date().getTime();
	update();
	document.getElementById("result").innerHTML = "";
}
 
</script>
</div>
</html>

具体效果：

在网页中倒计时，代码如下（HTML语言，UTF-8编码）：

<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<style>
#section1 {
  width:1000px;
  background-color:#D2E9FF;
}
</style>
<div id="section1">
<button onclick="start()" style="font-size:50px">开始</button>
<button onclick="stop()" style="font-size:50px">停止</button>
<button onclick="clean()" style="font-size:50px">清空</button>
<div style="margin:0 auto; text-align:center" id="main">
	<div style="font-size:24px;" id="timeset" style="font-size:50px">
		<input type="number" id="hh" min="0" max="23" value="0" style="font-size:50px"> :
		<input type="number" id="mm" min="0" max="59" value="0" style="font-size:50px"> :
		<input type="number" id="ss" min="0" max="59" value="0" style="font-size:50px"> .
		<input type="number" id="ssss" min="0" max="999" value="0" style="font-size:50px">
		<button onclick="set()" style="font-size:50px">设置定时</button>
	</div>
	<div style="font-size:140px; color: blue;" id="time">
		<span id="h">00</span>:<span id="m">00</span>:<span id="s">00</span>.<span id="sss">000</span></br><a id="2" />
	</div>
	<pre id="result"></pre>
	
</div>
<script>
function set() {
	var h = document.getElementById("hh").value;
	var m = document.getElementById("mm").value;
	var s = document.getElementById("ss").value;
	var sss = document.getElementById("ssss").value;
	
	h = parseInt(h);
	m = parseInt(m);
	s = parseInt(s);
	sss = parseInt(sss);
	
	updateTime(h, m, s, sss);
}
// -------------------------------
function updateTime(h, m, s, sss) {
	if (h < 10)
		h = "0" + h;
	if (m < 10)
		m = "0" + m;
	if (s < 10)
		s = "0" + s;
	if (sss < 10)
		sss = "00" + sss;
	else if (sss < 100)
		sss = "0" + sss;
	document.getElementById("h").innerHTML = h;
	document.getElementById("m").innerHTML = m;
	document.getElementById("s").innerHTML = s;
	document.getElementById("sss").innerHTML = sss;
}
var _time = new Date().getTime();
function update(){
	var time = _time - new Date().getTime();
	var end = false;
	if (time <= 0) {
		time = 0;
		end = true;
	}
	//console.log(time);
	var ms = time % 1000;
	time = (time - ms) / 1000;
	var s = time % 60;
	time = (time - s) / 60;
	var m = time % 60;
	time = (time - m) / 60;
	var h = time % 60;
	time = (time - h) / 60;
	updateTime(h, m, s, ms);
	if (end) {
		stop();
		warn();
		document.getElementById("2").innerHTML = "<a id='2' style='font-size:100px'>时间到</a>";
		return;
	}
};
 
var interval = null;
function start() {
	if (interval != null) return;
	document.getElementById("2").innerHTML = "";
	var h = document.getElementById("h").innerHTML;
	var m = document.getElementById("m").innerHTML;
	var s = document.getElementById("s").innerHTML;
	var sss = document.getElementById("sss").innerHTML;
	//console.log("" + parseInt(sss) +"-"+ parseInt(s) + "-" + parseInt(m)  + "-" + parseInt(h));
	var time = parseInt(sss) + parseInt(s) * 1000 + parseInt(m) * 60000 + parseInt(h) * 3600000;
	//console.log("time=" + time);
	_time = new Date().getTime() + time;
	//console.log(_time);
	document.getElementById("time").style.backgroundColor = "#D2E9FF";
	interval = setInterval("update()", 1);
}
function stop() {
	document.getElementById("time").style.backgroundColor = "#D2E9FF";
	if (interval == null) return;
	clearInterval(interval);
	interval = null;
}
 
function clean() {
	stop();
	_time = new Date().getTime();
	updateTime(0,0,0,0);
	document.getElementById("2").innerHTML = "";
	
}
 
function warn() {
	console.log("wann, end");
	document.getElementById("time").style.backgroundColor = "red";
}
</script>
</div>
</html>

具体效果：

IE浏览器（Windows系统）JavaScript修复工具，如果您的IE浏览器出现网页无法跳转、图片点不开、网页按钮没反应等情况，可能是您的IE浏览器JavaScript脚本调试出了问题，可以用这个脚本文件修复。您可以新建一个txt文件把代码复制进去，再把这个txt文件的后缀名改成.bat，也可以在下面点击下载后直接用,代码如下（Batch语言，ANSI编码）：

@echo off
echo 此脚本无毒无害，右键编辑可查看源代码，请放心使用。并请务必以管理员身份运行，如有杀毒软件报错请放行。
pause
@echo on
rundll32.exe advpack.dll /DelNodeRunDLL32 %systemroot%System32dacui.dll 
rundll32.exe advpack.dll /DelNodeRunDLL32 %systemroot%Catrooticatalog.mdb 
regsvr32 /s comcat.dll 
regsvr32 /s asctrls.ocx 
regsvr32 /s oleaut32.dll 
regsvr32 /s shdocvw.dll /I 
regsvr32 /s shdocvw.dll 
regsvr32 /s browseui.dll 
regsvr32 /s browseui.dll /I 
regsvr32 /s msrating.dll 
regsvr32 /s mlang.dll 
regsvr32 /s hlink.dll 
regsvr32 /s mshtml.dll 
regsvr32 /s mshtmled.dll 
regsvr32 /s urlmon.dll 
regsvr32 /s plugin.ocx 
regsvr32 /s sendmail.dll 
regsvr32 /s mshtml.dll /i 
regsvr32 /s scrobj.dll 
regsvr32 /s corpol.dll 
regsvr32 /s jscript.dll 
regsvr32 /s msxml.dll 
regsvr32 /s imgutil.dll 
regsvr32 /s cryptext.dll 
regsvr32 /s inseng.dll 
regsvr32 /s iesetup.dll /i 
regsvr32 /s cryptdlg.dll 
regsvr32 /s actxprxy.dll 
regsvr32 /s dispex.dll 
regsvr32 /s occache.dll 
regsvr32 /s iepeers.dll 
regsvr32 /s urlmon.dll /i 
regsvr32 /s cdfview.dll 
regsvr32 /s webcheck.dll 
regsvr32 /s mobsync.dll 
regsvr32 /s pngfilt.dll 
regsvr32 /s licmgr10.dll 
regsvr32 /s hhctrl.ocx 
regsvr32 /s inetcfg.dll 
regsvr32 /s trialoc.dll 
regsvr32 /s tdc.ocx 
regsvr32 /s MSR2C.DLL 
regsvr32 /s msident.dll 
regsvr32 /s msieftp.dll 
regsvr32 /s xmsconf.ocx 
regsvr32 /s ils.dll 
regsvr32 /s msoeacct.dll 
regsvr32 /s wab32.dll 
regsvr32 /s wabimp.dll 
regsvr32 /s wabfind.dll 
regsvr32 /s oemiglib.dll 
regsvr32 /s directdb.dll 
regsvr32 /s inetcomm.dll 
regsvr32 /s msoe.dll 
regsvr32 /s oeimport.dll 
regsvr32 /s msdxm.ocx 
regsvr32 /s dxmasf.dll 
regsvr32 /s laprxy.dll 
regsvr32 /s l3codecx.ax 
regsvr32 /s acelpdec.ax 
regsvr32 /s mpg4ds32.ax 
regsvr32 /s danim.dll 
regsvr32 /s Daxctle.ocx 
regsvr32 /s lmrt.dll 
regsvr32 /s datime.dll 
regsvr32 /s dxtrans.dll 
regsvr32 /s dxtmsft.dll 
regsvr32 /s wshom.ocx 
regsvr32 /s wshext.dll 
regsvr32 /s vbscript.dll 
regsvr32 /s scrrun.dll mstinit.exe /setup 
regsvr32 /s msnsspc.dll /SspcCreateSspiReg 
regsvr32 /s msapsspc.dll /SspcCreateSspiReg 
@echo off
echo 修复成功！
pause

该脚本无法在线预览，请下载后右键点击以管理员身份运行，待提示修复完成即可。