1.一个html页面实现&＃xff0c;js写在html里面
clock.html
<!DOCTYPE html>
<html>
<head><meta charset&＃61;"UTF‐8"><title>clock</title><style type&＃61;"text/css">#clock {color: green;font‐size: 30px;}</style>
</head>
<body>
<script type&＃61;"text/Javascript">let timer;function start() {window.clearInterval(timer);
timer &＃61; window.setInterval("begin()", 1000);}function begin() {
let time &＃61; new Date();
let clock &＃61; document.getElementById("clock");
clock.innerHTML &＃61; time.toLocaleString();}function pause() {
window.clearInterval(timer);}
</script>
<h1 id&＃61;"clock"> current time </h1>
<input type&＃61;"button" value&＃61;"start" onclick&＃61;"start()"/>
<input type&＃61;"button" value&＃61;"pause" onclick&＃61;"pause()"/>
</body>
</html>
2.html导入外部js文件实现
clock1.html
<!DOCTYPE html>
<html lang&＃61;"en">
<head><meta charset&＃61;"UTF-8"><title>Title</title>
</head>
<body></body>
<!DOCTYPE html>
<html>
<head><meta charset&＃61;"UTF‐8"><title>clock</title><style type&＃61;"text/css">#clock {color: green;font‐size: 30px;}</style><script src&＃61;"clock1.js"></script>
</head>
<body>
<script>alert("import js file");begin();
</script>
<h1 id&＃61;"clock"> current time </h1>
<input type&＃61;"button" value&＃61;"start" onclick&＃61;"start()"/>
<input type&＃61;"button" value&＃61;"pause" onclick&＃61;"pause()"/>
</body>
</html>
clock1.js
let timer;function start() {window.clearInterval(timer);timer &＃61; window.setInterval("begin()", 1000);
}function begin() {let time &＃61; new Date();let clock &＃61; document.getElementById("clock");clock.innerHTML &＃61; time.toLocaleString();
}function pause() {window.clearInterval(timer);
}
京公网安备 11010802041100号