需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<script>标签,输入js代码:
var a = new Date()document.body.innerHTML
= '时:' + a.getHours() + '<br/>分:' + a.getMinutes() + '<br/>秒:' + a.getSeconds()
3、浏览器运行index.html页面,此时当前时间的时分秒都被js获取并打印了出来。
这边写了段代码,请保存为.html文件测试。<!DOCTYPE html>
<html>
<script>
function startTime()
{
var d = new Date()
var d0 = new Date(d.getFullYear(),d.getMonth(),d.getDate(),00,00,00)
var cha=d.getTime()-d0.getTime()
document.getElementById('demo').innerHTML=parseInt((11-d.getDay())*24*60*60+8*60*60-cha/1000)+"秒"
t=setTimeout('startTime()',500)
}
window.onload=function(){startTime()}
</script>
<body>
距离下周五早上8点整还有:
<h1 id="demo"></h1>
</body>
</html>
参考原文链接: https://blog.csdn.net/qq_32584661/article/details/81632920?spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Edefault-6-81632920-blog-124099642.pc_relevant_antiscanv4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Edefault-6-81632920-blog-124099642.pc_relevant_antiscanv4&utm_relevant_index=10