Date and Time of Last Visit

Submitted by alpha_luna on Thursday, July 28, 2016 - 16:25.

This is simple script record which displays the date and time of your visitor's last visit. It will display when the user returns to your site. If it is your visitor's first visit to your site, a greeting message will be shown. You can customize the message to be displayed on your site. It will display the message, date and time of the user's last visit to the site. It's easy to implement this in your site.

Directions:

Kindly insert this script below where you want to display the Date and Time of Last Visit in your site.

<script type = "text/javascript">
var days = 730; // the cookie will expire = 2 years
var lastvisit=new Object();
var firstvisitmsg="<b>This is your first visit to this page.</b> <b>Welcome!</b>"; 
lastvisit.subsequentvisitmsg="<p style='font-size:18px;'>Welcome back visitor!</p> <b>Your last visit was on</b> <b style='font-size:18px; color:blueviolet;'>[date_displayed]</b>";
 
lastvisit.getCookie=function(Name){ 
var re=new RegExp(Name+"=[^;]+", "i"); 
if (document.cookie.match(re)) 
return document.cookie.match(re)[0].split("=")[1];
return''; 
}
 
lastvisit.setCookie=function(name, value, days){ 
var expireDate = new Date();
 
var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}
 
lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visit_record") == "") { 
lastvisit.setCookie("visit_record", wh, days); 
document.write(firstvisitmsg);
}
 
else {
var lv = lastvisit.getCookie("visit_record");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
var month = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("\[date_displayed\]", dispDate))
}
 
lastvisit.setCookie("visit_record", wh, days);
 
}
 
lastvisit.showmessage();
</script>

Note: You can customize the message shown, by the two variables. And, you can add CSS to the design of the text.

var firstvisitmsg="<b>This is your first visit to this page.</b> <b>Welcome!</b>";
 
lastvisit.subsequentvisitmsg="<p style='font-size:18px;'>Welcome back visitor!</p> <b>Your last visit was on</b> <b style='font-size:18px; color:blueviolet;'>[date_displayed]</b>";

Output

The user first time to visit in this page. This is the ouput. Result

After refreshing the page, this would be the output as shown in the image below. Result

Hope that this simple work that I created may help you to your future projects. Also, for the beginners who want to learn basic of coding in JavaScript. So what can you say about this work? Share your thoughts in the comment section below or email me at [email protected]. Practice Coding. Thank you very much. Enjoy coding!!!

Add new comment

595 views