How to display the current username and time zone in sharepoint as a label or placeholder instead of an alert box?

Hi,

I want to display the current username and time zone in my SharePoint page as a placeholder instead of an alert box. I have the script which I used for displaying the alert box. Please help me out.

<script type="text/javascript">
  var userid= _spPageContextInfo.userId;
  var requestUri = _spPageContextInfo.webAbsoluteUrl + "/_api/web/getuserbyid(" + userid + ")";
  var requestHeaders = { "accept" : "application/json;odata=verbose" };
  $.ajax({
    url : requestUri,
    contentType : "application/json;odata=verbose",
    headers : requestHeaders,
    success : onSuccess,
    error : onError
  });

  function onSuccess(data, request){
    var loginName = data.d.Title;
    alert(loginName);
  }

  function onError(error) {            
    alert("error");
  }

var t = new Date();
var utc_offset = t.getTimezoneOffset();
t.setMinutes( t.getMinutes() + utc_offset);
console.log("UTC : " +t);
var timeZone = t;
alert(timeZone)</script>