利用JavaScript判断时间段插入文本代码
通过JS给一个页面标题 定义词汇 如:给出的提示消息如:晚上好
如下是插入到我们的 HTML标题 (等同于替换)
<script type="text/javascript">
var d = new Date()
var time = d.getHours()
if (time < 24)
{
document.getElementById("title").innerHTML="晚上好!";
}
if (time < 19)
{
document.getElementById("title").innerHTML="下午好!";
}
if (time < 12)
{
document.getElementById("title").innerHTML="早上好!";
}
if (time < 5)
{
document.getElementById("title").innerHTML="夜深了 该睡觉了!";
}
</script>

如果需要插入到页面的某个DIV下则把上诉代码进行修改
修改后得到如下代码可以实现:

<script type="text/javascript">
var d = new Date()
var time = d.getHours()
if (time < 24)
{
window.onload = function() {
var testdiv = document.getElementById("title");
testdiv.innerHTML="不知不觉已经是晚上了别忘了吃完饭哦";
}
}
if (time < 19)
{
window.onload = function() {
var testdiv = document.getElementById("title");
testdiv.innerHTML="下午了,在忙碌中来根华子休息一下吧";
}
}
if (time < 12)
{
window.onload = function() {
var testdiv = document.getElementById("title");
testdiv.innerHTML="早上好,今天又是元气满满的一天哦";
}
}
if (time < 5)
{
window.onload = function() {
var testdiv = document.getElementById("title");
testdiv.innerHTML="夜深了劳逸结合明天才有力气奋斗";
}
}
</script>

 

 

本文标题:利用JavaScript判断时间段插入文本代码
本文链接:https://www.lengxi.net/post/398.html
作者授权:除特别说明外,本文由 冷曦 原创编译并授权 冷曦博客 - 源码之家 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

暂无留言,赶快评论吧

欢迎留言